@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans&family=Roboto&family=Ruda:wght@400;700;800;900&display=swap);
@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:block;white-space:normal;width:100%}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:focus{outline:0}:root[theme=theme-1]{--bg:#1a202c;--bg-secondary:#2d3748;--text:#cbd5e0;--red:#ef3b2d}:root[theme=theme-2]{--bg:#364f6b;--bg-secondary:#3fc1c9;--text:#f5f5f5;--red:#fc5185}:root[theme=theme-3]{--bg:#f9f7f7;--bg-secondary:#dbe2ef;--text:#3f72af;--text-secondary:#112d4e;--red:#fc5185}:root[theme=theme-4]{--bg:#222831;--bg-secondary:#393e46;--text:#00adb5;--text-secondary:#eee;--red:#fc5185}::-webkit-scrollbar-button{height:0;width:0}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:var(--bg-secondary);cursor:pointer;-webkit-transition:background-color .5s ease;transition:background-color .5s ease}::-webkit-resizer{height:0;width:0}::-webkit-scrollbar{height:10px;width:10px}body,html{min-height:100vh}body{background-color:var(--bg);color:var(--text);display:flex;flex-direction:column;font-family:Nunito Sans,sans-serif;font-weight:400;justify-content:space-between;position:relative}h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif;font-weight:400}a{text-decoration:none}a,a:visited{color:var(--text)}.container{margin:0 auto;max-width:1470px;padding-left:15px;padding-right:15px}.sprite{height:0;overflow:hidden;position:absolute;visibility:hidden;width:0}.sprite-icon{height:1em;width:1em}.header{background-color:var(--bg);box-shadow:0 0 3px 0 rgba(34,60,80,.2);position:sticky;top:0;z-index:5}.header__inner{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:15px;padding-top:15px}.header__logo{font-size:20px;text-transform:uppercase}.navbar{background-color:var(--bg)}@media (max-width:1023px){.navbar{display:none;flex-basis:100%;margin-top:15px}.navbar .navbar__items{flex-direction:column}}.navbar__items{display:flex;flex-wrap:wrap;list-style:none}.navbar-item{font-size:20px;margin:0 10px;text-transform:uppercase}.navbar-item a,.navbar-item:hover a{transition:color .5s ease}.navbar-item:hover a{color:var(--red)}@media (max-width:1023px){.navbar-item{margin:0 0 10px 15px}}.navbar-toggler{display:none}@media (max-width:1023px){.navbar-toggler{display:block}}.main{flex:1 0 auto;width:100%}.hero__inner{grid-column-gap:20px;grid-row-gap:20px;display:grid;grid-template-columns:1fr 1fr;justify-items:center;padding-bottom:30px;padding-top:30px}@media (max-width:1023px){.hero__inner{grid-template-columns:30% 1fr}}@media (max-width:639px){.hero__inner{grid-template-columns:1fr}}.hero__image-box{align-items:center;display:flex;justify-content:center}.hero__image{max-height:400px;max-width:400px;width:100%}@media (max-width:639px){.hero__image{max-height:200px;max-width:200px}}.hero__info{display:flex;flex-direction:column;justify-content:center}@media (max-width:639px){.hero__info{text-align:center}}.skills{background-color:var(--bg-secondary)}.skills__inner{padding-bottom:30px;padding-top:30px}.skills__title{font-size:40px;margin-bottom:1.5em;text-align:center;text-transform:uppercase}@media (max-width:1023px){.skills__title{margin-bottom:1em}}.skills__categories{grid-column-gap:20px;grid-row-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;margin-bottom:30px;margin-top:30px}@media (max-width:1023px){.skills__categories{grid-template-columns:1fr 1fr}}@media (max-width:639px){.skills__categories{grid-template-columns:1fr}}.category{background-color:var(--bg);max-width:500px;padding:20px;width:100%}.category__title{font-size:30px;margin-bottom:1em;text-align:center}.category__item{font-size:20px;margin-bottom:10px}.category ul{list-style:none;margin-left:1em;margin-top:10px}.category li{margin-bottom:10px}.projects__inner{padding-bottom:30px;padding-top:30px}.projects__heading{margin-bottom:60px;text-align:center}@media (max-width:1023px){.projects__heading{margin-bottom:40px}}.projects__title{font-size:40px;margin-bottom:.5em;text-transform:uppercase}.projects__subtitle{font-size:20px}.projects__items{grid-column-gap:20px;grid-row-gap:20px;display:grid;grid-template-columns:repeat(3,1fr)}@media (max-width:1023px){.projects__items{grid-template-columns:1fr 1fr}}@media (max-width:639px){.projects__items{grid-template-columns:1fr}}.project{background-color:var(--bg-secondary);min-height:300px;overflow:hidden;padding:40px;position:relative;width:100%;z-index:1}.project:hover .project__background{transform:scale(1.1);transition:all .5s ease}.project__subtitle{color:#fff;font-size:20px}.project__title{color:#fff;font-size:40px;font-weight:600}.project__technologies{background-color:#fff;bottom:0;left:0;padding:15px;position:absolute}.project__technologies .sprite-icon{height:40px;width:40px}.project__startup{fill:var(--text);position:absolute;right:10px;top:10px}.project__background{inset:0;position:absolute;transition:all .5s ease;z-index:-1}.project__background:after{background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.77) 30%,hsla(0,0%,100%,0));content:"";inset:0;position:absolute}.project__background img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.packages__inner{padding-bottom:30px;padding-top:30px}.packages__heading{margin-bottom:60px;text-align:center}@media (max-width:1023px){.packages__heading{margin-bottom:40px}}.packages__title{font-size:40px;margin-bottom:.5em;text-transform:uppercase}.packages__subtitle{font-size:20px}.packages__items{grid-column-gap:20px;grid-row-gap:20px;display:grid;grid-template-columns:repeat(3,1fr)}@media (max-width:1023px){.packages__items{grid-template-columns:1fr 1fr}}@media (max-width:639px){.packages__items{grid-template-columns:1fr}}.package{background-color:var(--bg-secondary);min-height:200px;overflow:hidden;padding:40px;position:relative;width:100%;z-index:1}.package:hover .package__background{transform:scale(1.1);transition:all .5s ease}.package__title{color:#fff;font-size:40px;font-weight:600}.package__background{inset:0;position:absolute;transition:all .5s ease;z-index:-1}.package__background:after{background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.77) 30%,hsla(0,0%,100%,0));content:"";inset:0;position:absolute}.package__background img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.footer{background-color:var(--bg-secondary)}.footer__inner{align-items:center;display:flex;flex-direction:column;padding-bottom:30px;padding-top:30px}.footer__socials{display:flex}.social-icon{font-size:30px;margin:10px;transition:color .5s ease}.social-icon:hover{color:var(--red);transition:color .5s ease}.btn{background-color:transparent;border:1px solid var(--text);border-radius:2px;color:var(--text);cursor:pointer;display:block;font-size:14px;line-height:1;padding:14px;text-align:center;white-space:nowrap}.progress{background-color:#d5d5d5;font-size:15px;width:100%}.progress,.progress__bar{display:flex;overflow:hidden}.progress__bar{background-color:#0d0;color:#fff;flex-direction:column;justify-content:center;padding:2px 5px;text-align:end;transition:all .5s ease;white-space:nowrap}.ratio{color:#fff;display:flex;width:100%}.ratio__first{background-color:green;padding:5px 10px;width:30%}.ratio__second{background-color:blue;padding:5px 10px;text-align:right;width:70%}.themer{align-items:center;bottom:0;display:flex;left:0;position:fixed;z-index:10}.themer__wrapper{background-color:#fff;border-radius:0 20px 20px 0;box-shadow:0 0 2px 0 rgba(0,0,0,.48);display:flex;flex-direction:column}.themer__item{border-radius:50%;cursor:pointer;height:20px;margin:.5rem;width:20px}
