@import"util/_fonts.scss";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:62.5%}:root{--main-text: #ffffff;--text: #8b949e;--header-bg: #1e1e1e;--hero-accent: #939aff;--about-accent: #7ee787;--projects-accent: #ffa28b;--projects-text: #ffb77c;--bg-color: #0d1117;--box-bg: #161b22;--header: "league-spartan", sans-serif;--body: "rubik", sans-serif}body{background-color:var(--bg-color);font-family:var(--body);color:var(--text);font-size:1.6rem;display:flex;flex-direction:column;align-items:center;padding-top:3rem;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--header);width:-moz-max-content;width:max-content;text-transform:capitalize;font-weight:bold;color:var(--main-text)}header,.nav .nav__links ul{display:flex;align-items:center}@keyframes navbar{from{border-radius:2rem;transform:translateY(0)}to{border-radius:0 0 2rem 2rem;transform:translateY(-2rem)}}header{width:calc(100% - 3rem);max-width:144rem;justify-content:space-between;padding:1rem 3rem;-webkit-backdrop-filter:blur(10rem);backdrop-filter:blur(10rem);background-image:linear-gradient(to right, var(--header-bg), var(--box-bg));border-radius:2rem;height:9rem;margin-bottom:6rem;position:sticky;z-index:2;top:calc(0% + 2rem);transition:ease-in-out 1s smooth;animation:navbar;animation-timeline:view(1% 100%)}header::before{content:"";width:100%;height:4rem;position:absolute;background-color:var(--bg-color);top:-3.5rem;left:0;z-index:-9 !important}nav{width:6rem}nav img{width:100%}header :nth-child(1){height:100%}main{width:calc(100% - 4rem);max-width:124rem}#home{position:relative;height:35rem;display:flex;background-image:url(../assets/img/home-pattern-1\ 1.svg);align-items:center;margin-bottom:2.5rem}.home__desc{max-width:60rem;transform:translateY(-7rem)}.hero-img{width:26rem;display:flex;flex-direction:column;gap:7.5rem;align-items:flex-end;position:absolute;top:0%;right:0%;z-index:-1}.hero-img img{width:100%}.hero-img :nth-child(1){width:20rem}.hero-line{position:absolute;left:0;bottom:0;height:50%}.box{display:flex;flex-direction:column;align-items:flex-start}.box :nth-child(2){align-self:center;height:16rem}#about{color:var(--main-text)}.about{display:flex;align-items:flex-start;gap:2rem;margin-bottom:4rem;overflow:hidden}.grad{color:var(--about-accent)}.text-box{max-width:82rem}.text-box h2{margin-bottom:1.5rem;margin-top:.5rem}.text-box a{text-decoration:none;color:var(--about-accent);transition:all 1s ease-in-out;font-weight:bold}.text-box a:hover,.text-box a:active{filter:brightness(1.5)}.about__desc-box{background-color:var(--box-bg);padding:4rem 2rem 5rem 4rem;border-radius:1rem}.skills{padding:4rem 2rem 5rem 2rem;background-color:var(--box-bg);border-top:1px solid var(--text);max-width:40rem;border-left:1px solid var(--text);border-radius:1rem;transform:translateY(-2rem)}.skills h3{font-size:2.5rem;margin-bottom:1.5rem}.slider{width:100%;height:var(--height);overflow:hidden}.slider .list{display:flex;width:100%;min-width:calc(var(--width)*var(--quantity));position:relative}.slider .list .item img{width:100%}.slider .list .item{width:var(--width);height:var(--height);left:100%;position:absolute;animation:loop 7s linear infinite;animation-delay:calc(7s/var(--quantity)*(var(--position) - 1)) !important;transition:filter .5s}@keyframes loop{0%{transform:translateX(0)}100%{transform:translateX(calc(-40rem - var(--width)))}}.slider:hover .item{animation-play-state:paused !important;filter:grayscale(1)}.slider .item:hover{filter:grayscale(0)}.about-img{width:20rem;display:none}.projects-lines{display:flex;align-items:center;gap:1rem;position:relative;width:-moz-max-content;width:max-content}.projects-lines div{display:flex;align-items:center;gap:1rem;flex-direction:column}.projects-lines div :nth-child(1){height:12rem;margin-bottom:1rem}.projects-lines div :nth-child(4){height:15rem;transform:scaleX(2)}.projects-lines div :nth-child(2){width:30%;margin-bottom:1rem}.projects-lines div :nth-child(3){height:2rem;width:2rem;display:block;top:14.5rem;left:2rem;position:absolute;border-radius:50%;background-color:var(--projects-accent);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);z-index:-1;filter:blur(1rem)}.projects-lines h2{transform:translateY(-1.5rem);color:var(--projects-accent)}#projects,.projects{position:relative}.first-child{width:calc(100% - 7rem);position:absolute;top:18rem;left:7rem;max-width:60rem}.projects__desc{background-color:var(--box-bg);color:var(--main-text);border-radius:1rem;max-width:60rem;padding:3rem 1rem 5rem 2rem}.projects__desc h2{margin-bottom:2rem;color:var(--projects-text)}.projects__desc p{width:90%}.projects__deploy{overflow:hidden;max-width:25rem;border-top:1px solid var(--text);border-left:1px solid var(--text);background-color:var(--box-bg);border-radius:1rem;padding:3rem 2rem 4rem 2rem;transform:translateY(-2rem)}.projects__deploy img{width:100%;transition:all 1s ease-in-out}.projects__deploy div{border-radius:.5rem;overflow:hidden;height:14rem;margin-bottom:3rem}.projects__deploy div:hover img{width:110%}.zoom img{transform:scale(1.1)}.projects__deploy button{background-color:var(--box-bg);border:none}.projects__deploy button a{text-decoration:none;font-weight:bold;transition:1s ease-in-out;font-size:2rem;font-family:var(--header);letter-spacing:.2em;color:var(--projects-accent)}.projects__deploy button a:hover,.projects__deploy button a:active{color:var(--projects-text)}.projects{margin-bottom:3rem}.contact-line div{width:6rem;gap:0}.contact-line div :nth-child(3){display:none}.contact-line div :nth-child(2){width:100%}.contact-line h2,.contact__desc span{color:var(--hero-accent)}.contact-line{width:100%;margin-bottom:4rem}form{width:32rem;height:0;overflow:hidden;position:absolute;transition:1s ease-in-out;left:50%;transform:translateX(-50%);z-index:10}form div{display:flex;align-items:center;width:100%;transition:1s ease-in-out;justify-content:space-between}.height{height:100%}.success{display:flex}.my-form img{width:40%}.textbox-header{align-self:flex-start}form input{height:4rem;border-radius:.5rem;font-size:1.8rem;width:100%;background-color:rgba(0,0,0,0);color:var(--main-text);padding-left:1rem}form input:focus,form textarea:focus{outline:none}form input:active{background-color:rgba(0,0,0,0)}.active{transform:translateY(-2rem);transition:1s ease-in-out;font-size:1.6rem}form label{font-weight:bold;color:var(--hero-accent);text-wrap:nowrap;transition:1s ease-in-out;border:2px solid red}form textarea{border-radius:.5rem;overflow:hidden;max-height:5.5rem;background-color:rgba(0,0,0,0);border:none;color:var(--main-text);line-height:1.5em;font-size:1.8rem;padding-left:1rem;width:100%}fieldset{width:100%;border:none;border-bottom:2px solid var(--hero-accent);display:flex;position:relative;align-items:center;margin-bottom:3.5rem}form input,form label,form button{border:none}.btn{width:-moz-max-content;width:max-content;font-size:1.8rem;color:var(--hero-accent);font-weight:bold;text-transform:capitalize;padding:1rem;display:none}.color{color:var(--main-text)}button[type=submit]{border:0;font-weight:bold;color:#939aff;padding:1rem;border-radius:.5rem;background-color:var(--box-bg);font-size:1.8rem;transition:1s ease-in-out}button[type=submit]:active,button[type=submit]:hover{color:var(--main-text);background-color:var(--text)}.contact-img{width:20rem;position:absolute;top:2rem;right:0%}.contact__desc{position:absolute;top:19rem;color:var(--main-text);left:7rem;max-width:62rem;display:block}.contact__desc p{width:100%}.contact__desc a{text-decoration:none;color:var(--main-text);font-weight:bold;transition:1s ease-in-out;font-style:italic}.contact__desc a:hover,.contact__desc a:active{color:var(--hero-accent)}#contact{position:relative;height:calc(100% + 35rem);margin-bottom:3rem}.menu{display:flex}footer{height:37rem;width:100%;max-width:124rem;display:flex;flex-direction:column;align-items:center;background-image:url(../assets/img/footer-graphic-large\ 1.svg);background-position:top;background-repeat:no-repeat;background-size:cover;justify-content:start;background-position:center}.socials{display:flex;align-items:center;gap:1rem;transform:translateY(6rem)}.socials img{width:4.5rem;cursor:pointer;transition:1s ease-in-out}.socials img:hover,.socials img:active,.hamburger__menu div:nth-of-type(2) img:active,.hamburger__menu div:nth-of-type(2) img:hover{filter:invert(0) grayscale(1)}main img{width:6rem}.expand{height:100%;transition:1s ease;position:relative}.projects__expand{margin-top:3rem}#projects h3,#shrink{text-align:center;border-bottom:2px solid var(--projects-text);margin-bottom:2rem;transition:1s ease-in-out;cursor:pointer}#projects h3 img,#shrink img{width:3rem;transform:translateY(1rem)}#shrink img{transform:rotate(180deg) translateY(-1rem)}#shrink a{color:var(--main-text);text-decoration:none}#shrink:hover{transform:translateY(-1rem);transition:1s ease-in-out}#projects h3 .flip{transform:translateY(1rem) rotate(180deg)}#projects h3 a{color:var(--main-text);text-decoration:none}#projects h3:hover,#projects h3:active{border-bottom:2px solid var(--projects-accent);transform:translateY(-0.3rem)}.hidden{display:none}.visible{display:block}.view{display:flex;flex-direction:column}.nav__links{display:none}nav .hamburger{height:3.5rem;display:flex;align-items:center;justify-content:space-between;flex-direction:column;cursor:pointer}nav{z-index:99}.hamburger div{width:100%;height:.6rem;background-color:var(--hero-accent);border-radius:.5rem;transform-origin:center;transition:all 1s ease-in-out}.x-one{transform:rotate(45deg) translateY(2rem)}.x-two{transform:rotate(-45deg) translateY(-2rem)}.x-none{opacity:0}.hamburger__menu{position:absolute;top:0;left:0;display:none;padding-left:2rem;flex-direction:column;background-color:var(--box-bg);width:100%;z-index:4;justify-content:space-around;color:var(--main-text);-webkit-backdrop-filter:blur(10rem);backdrop-filter:blur(10rem);transition:1s ease-in-out;height:100vh}.hamburger__menu div:nth-of-type(1){width:-moz-max-content;width:max-content;align-self:6rem;display:flex;height:40%;flex-direction:column}.hamburger__menu div:nth-of-type(2) :nth-child(1){margin-right:2rem}.hamburger__menu div:nth-of-type(2) img{transition:1s ease-in-out}.hamburger__menu div:nth-of-type(2){transform:translateY(-2rem)}.hamburger__menu a{height:-moz-max-content;height:max-content;font-weight:600;text-decoration:none;transition:1s ease-in-out;color:var(--hero-accent);font-size:4rem}.hamburger__menu a:hover,.hamburger__menu a:active{color:var(--main-text)}footer{position:relative}footer p{position:absolute;bottom:1rem;left:1rem;color:var(--main-text);font-weight:bold}.head{position:absolute;bottom:-1.5rem;left:6rem;color:var(--projects-accent)}@media(min-width: 600px){nav .hamburger{display:none}.nav__links{display:flex;align-self:flex-end;flex-direction:row-reverse}nav{width:100%}.nav__links ul,.nav__links,.nav__links li{height:-moz-fit-content;height:fit-content}.nav__links li{display:inline-block;list-style-type:none;padding-left:2rem;font-weight:bold;font-size:2rem}nav .nav__links a{text-decoration:none;color:var(--main-text)}}@media(min-width: 800px){.about-img{display:block;position:absolute;bottom:-22rem;right:20%}}@media(min-width: 1440px){.view{flex-direction:row;justify-content:space-between;gap:2rem}.projects__expand{display:flex;justify-content:space-between;gap:2rem}.projects__desc{height:30rem}.projects{width:25%}.projects-lines{margin-bottom:2rem}}/*# sourceMappingURL=styles.css.map */