#about{display:grid}#about p{line-height:180%;color:#fff}#about #left-side,#about #right-side{display:grid;grid-template-rows:repeat(2,max-content);align-content:center;justify-content:center}#about #left-side{background-color:#101820}#about #left-side h1{color:#fee715}#about #right-side{background-color:#fee715}#about #right-side h1{text-align:right}#about #right-side ul{display:grid;grid-template-columns:repeat(3,max-content);justify-items:center;list-style-type:none}#about #right-side ul li{display:grid;transition:all .15s cubic-bezier(.4,0,.2,1)}#about #right-side ul li:hover{transform:scale(1.1)}@media screen and (max-width: 320px){#about{grid-template-rows:repeat(2,max-content)}#about h1{font-size:24px}#about p{font-size:16px}#about #left-side,#about #right-side{padding:4rem .5rem}#about #left-side{gap:1rem}#about #right-side{gap:1rem}#about #right-side ul{row-gap:2rem;column-gap:3rem}#about #right-side ul img{width:35px;height:35px}}@media screen and (max-width: 379px) and (min-width: 321px){#about{grid-template-rows:repeat(2,max-content)}#about h1{font-size:28px}#about p{font-size:16px}#about #left-side,#about #right-side{padding:4rem .5rem}#about #left-side{gap:1rem}#about #right-side{gap:1rem}#about #right-side ul{row-gap:2rem;column-gap:3rem}#about #right-side ul img{width:40px;height:40px}}@media screen and (max-width: 767px) and (min-width: 380px){#about{grid-template-rows:repeat(2,max-content)}#about h1{font-size:32px}#about p{font-size:18px}#about #left-side,#about #right-side{padding:4rem 1rem}#about #left-side{gap:1rem}#about #right-side{gap:2rem}#about #right-side ul{row-gap:2rem;column-gap:4rem}#about #right-side ul img{width:45px;height:45px}}@media screen and (max-width: 1279px) and (min-width: 768px){#about{grid-template-rows:repeat(2,max-content)}#about h1{font-size:36px}#about #left-side,#about #right-side{padding:4rem}#about #left-side{gap:1rem}#about #right-side{gap:2rem}#about #right-side ul{row-gap:2rem;column-gap:4rem}#about #right-side ul img{width:50px;height:50px}}@media screen and (min-width: 1280px){#about{grid-template-columns:60% 40%}#about h1{font-size:56px}#about p{width:35rem}#about #left-side,#about #right-side{padding:8rem 2rem}#about #left-side{gap:.5rem}#about #right-side{gap:2rem}#about #right-side ul{row-gap:2rem;column-gap:4rem}#about #right-side ul img{width:70px;height:70px}}@media screen and (min-width: 1400px){#about #left-side,#about #right-side{padding:8rem 4rem}}#contact{display:grid}#contact ul{list-style:none}#contact a{color:currentColor;text-decoration:none}#contact #left-side,#contact #right-side{display:grid;grid-template-rows:repeat(2,max-content);align-content:center;justify-content:center}#contact #left-side{background-color:#101820}#contact #left-side h1{color:#fee715}#contact #left-side form{display:grid;grid-template-rows:repeat(3,max-content)}#contact #left-side form textarea::placeholder,#contact #left-side form input::placeholder{font-family:DM Sans,sans-serif;color:#101820;font-weight:400}#contact #left-side form input,#contact #left-side form textarea,#contact #left-side form button{color:#101820;border:none;font-family:DM Sans,sans-serif;font-weight:400;background-color:#fff}#contact #left-side form #name-email-inputs{display:grid;grid-template-columns:repeat(2,1fr)}#contact #left-side form textarea{resize:none}#contact #left-side form #dividor-btn{display:grid;grid-template-columns:1fr auto;align-items:center}#contact #left-side form #dividor-btn #dividor{background-color:#fee715}#contact #left-side form #dividor-btn button{width:max-content;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}#contact #left-side form #dividor-btn button:hover{transform:scale(.96)}#contact #left-side form input:focus,#contact #left-side form textarea:focus,#contact #left-side form button:focus{outline:none}#contact #right-side{grid-template-rows:repeat(2,max-content);background-color:#fee715}#contact #right-side h1{text-align:right}#contact #right-side ul{display:grid;grid-template-rows:repeat(2,max-content)}#contact #right-side ul li{display:grid}#contact #right-side ul li a{display:grid;grid-template-columns:repeat(2,max-content);align-items:center;transition:all .15s cubic-bezier(.4,0,.2,1)}#contact #right-side ul li a:hover{color:#422057}@media screen and (max-width: 320px){#contact{grid-template-rows:repeat(2,1fr)}#contact h1{font-size:24px}#contact #left-side,#contact #right-side{padding:4rem .5rem}#contact #left-side{gap:1rem}#contact #left-side form{gap:1rem}#contact #left-side form #name-email-inputs{gap:1rem}#contact #left-side form #name-email-inputs input{width:100px;height:30px;padding:0 .5rem}#contact #left-side form textarea{width:100%;height:50px;padding:.5rem}#contact #left-side form #dividor-btn{gap:1rem}#contact #left-side form #dividor-btn #dividor{height:15px}#contact #left-side form #dividor-btn button{width:60px;height:30px;border-radius:.25rem}#contact #right-side{gap:2rem}#contact #right-side h1{text-align:center}#contact #right-side ul{gap:1.5rem}#contact #right-side ul li a{gap:.5rem}#contact #right-side ul li a .contact-icon{width:20.8px;height:20.8px}#contact #right-side ul li a span{font-size:16px}}@media screen and (max-width: 379px) and (min-width: 321px){#contact{grid-template-rows:repeat(2,1fr)}#contact h1{font-size:28px}#contact #left-side,#contact #right-side{padding:4rem .5rem}#contact #left-side{gap:1rem}#contact #left-side form{gap:1rem}#contact #left-side form #name-email-inputs{gap:1rem}#contact #left-side form #name-email-inputs input{width:120px;height:40px;padding:0 .5rem}#contact #left-side form textarea{width:100%;height:60px;padding:.5rem}#contact #left-side form #dividor-btn{gap:1rem}#contact #left-side form #dividor-btn #dividor{height:20px}#contact #left-side form #dividor-btn button{width:60px;height:40px;border-radius:.25rem}#contact #right-side{gap:2rem}#contact #right-side h1{text-align:center}#contact #right-side ul{gap:1.5rem}#contact #right-side ul li a{gap:.5rem}#contact #right-side ul li a .contact-icon{width:20.8px;height:20.8px}#contact #right-side ul li a span{font-size:16px}}@media screen and (max-width: 767px) and (min-width: 380px){#contact{grid-template-rows:repeat(2,1fr)}#contact h1{font-size:32px}#contact #left-side,#contact #right-side{padding:4rem 1rem}#contact #left-side{gap:1rem}#contact #left-side form{gap:1rem}#contact #left-side form #name-email-inputs{gap:1rem}#contact #left-side form #name-email-inputs input{width:160px;height:40px;padding:0 .5rem}#contact #left-side form textarea{width:100%;height:80px;padding:.5rem}#contact #left-side form #dividor-btn{gap:1rem}#contact #left-side form #dividor-btn #dividor{height:20px}#contact #left-side form #dividor-btn button{width:80px;height:40px;border-radius:.25rem}#contact #right-side{gap:2rem}#contact #right-side h1{text-align:center}#contact #right-side ul{gap:1.5rem}#contact #right-side ul li a{gap:.5rem}#contact #right-side ul li a .contact-icon{width:23.2px;height:23.2px}#contact #right-side ul li a span{font-size:18px}}@media screen and (max-width: 1279px) and (min-width: 768px){#contact{grid-template-rows:repeat(2,1fr)}#contact h1{font-size:36px}#contact #left-side,#contact #right-side{padding:4rem 2rem}#contact #left-side{gap:1rem}#contact #left-side form{gap:1rem}#contact #left-side form #name-email-inputs{gap:1rem}#contact #left-side form #name-email-inputs input{width:200px;height:40px;padding:0 .5rem}#contact #left-side form textarea{width:100%;height:100px;padding:.5rem}#contact #left-side form #dividor-btn{gap:1rem}#contact #left-side form #dividor-btn #dividor{height:20px}#contact #left-side form #dividor-btn button{width:100px;height:40px;border-radius:.25rem}#contact #right-side{gap:2rem}#contact #right-side h1{text-align:center}#contact #right-side ul{gap:1.5rem}#contact #right-side ul li a{gap:.5rem}#contact #right-side ul li a .contact-icon{width:23.2px;height:23.2px}}@media screen and (min-width: 1280px){#contact{grid-template-columns:60% 40%}#contact h1{font-size:56px}#contact #left-side,#contact #right-side{gap:2rem;padding:8rem 2rem}#contact #left-side form{gap:1.5rem}#contact #left-side form #name-email-inputs{gap:1.5rem}#contact #left-side form #name-email-inputs input{min-width:300px;min-height:50px;padding:0 1rem}#contact #left-side form textarea{min-width:300px;min-height:100px;padding:1rem}#contact #left-side form #dividor-btn{gap:1.5rem}#contact #left-side form #dividor-btn #dividor{height:25px}#contact #left-side form #dividor-btn button{min-width:150px;min-height:50px}#contact #right-side ul{gap:2rem}#contact #right-side ul li a{gap:.5rem;transition:all .15s cubic-bezier(.4,0,.2,1)}#contact #right-side ul li a .contact-icon{width:27.2px;height:27.2px}}@media screen and (min-width: 1400px){#contact #left-side,#contact #right-side{padding:8rem 4rem}}article{display:grid;grid-template-rows:repeat(2,max-content);gap:.5rem;border-radius:.25rem;padding:.5rem 1rem;width:max-content;position:fixed;right:1rem;bottom:1rem;z-index:1000}article div{display:grid;grid-template-columns:1fr auto;align-items:center}article div #x-mark{color:currentColor;cursor:pointer}#true{background-color:#31473a;color:#edf4f2}#false{background-color:#901;color:#fcf6f5}@media screen and (max-width: 379px){article div h1{font-size:21px}}@media screen and (max-width: 767px) and (min-width: 380px){article div h1{font-size:24px}}@media screen and (max-width: 1279px) and (min-width: 768px){article div h1{font-size:28px}}footer{display:grid}footer a{text-decoration:none;color:currentColor;font-weight:700}footer ul{list-style-type:none}footer #footer-left-side{display:grid;grid-template-columns:auto 1fr;align-items:center;background-color:#101820;color:#fee715}footer #footer-left-side #follow-me{display:grid;grid-template-rows:repeat(2,max-content);text-align:left}footer #footer-left-side ul{display:grid;grid-template-columns:repeat(3,max-content);justify-content:center}footer #footer-left-side ul .footer-icon{transition:all .15s cubic-bezier(.4,0,.2,1)}footer #footer-left-side ul a{display:grid}footer #footer-left-side ul .footer-icon:hover{color:#fff}footer #footer-right-side{display:grid;grid-template-columns:repeat(2,max-content);background-color:#fee715;justify-content:center}footer #footer-right-side div{display:grid;grid-template-rows:repeat(2,max-content)}footer #footer-right-side #lodi-logo:hover{color:#422057}@media screen and (max-width: 320px){footer h1,footer h2,footer span{font-size:24px}footer #footer-left-side{padding:.5rem}footer #footer-left-side ul{gap:.5rem}footer #footer-left-side ul .footer-icon{width:30px;height:30px}footer #footer-right-side{display:none}}@media screen and (max-width: 379px) and (min-width: 321px){footer h1,footer h2,footer span{font-size:28px}footer #footer-left-side{padding:.5rem}footer #footer-left-side ul{gap:.5rem}footer #footer-left-side ul .footer-icon{width:35px;height:35px}footer #footer-right-side{display:none}}@media screen and (max-width: 767px) and (min-width: 380px){footer h1,footer h2,footer span{font-size:32px}footer #footer-left-side{padding:1rem}footer #footer-left-side ul{gap:1rem}footer #footer-left-side ul .footer-icon{width:40px;height:40px}footer #footer-right-side{display:none}}@media screen and (max-width: 1279px) and (min-width: 768px){footer h1,footer h2,footer span{font-size:36px}footer #footer-left-side{padding:2rem 4rem}footer #footer-left-side ul{gap:1rem}footer #footer-left-side ul .footer-icon{width:45px;height:45px}footer #footer-right-side{display:none}}@media screen and (min-width: 1280px){footer{grid-template-columns:60% 40%}footer h1,footer h2,footer span{font-size:56px}footer #footer-left-side{padding:4rem 2rem}footer #footer-left-side ul{gap:2rem}footer #footer-left-side ul .footer-icon{width:50px;height:50px}footer #footer-right-side{gap:2rem;padding:4rem 0}}header{display:grid}header nav{display:grid}header nav ul{display:grid;list-style-type:none}header nav li{transition:all .15s cubic-bezier(.4,0,.2,1)}header nav a{color:currentColor;text-decoration:none}header nav li:hover{color:#fff}header #header-btns{display:grid}header #header-btns picture{display:grid;grid-template-columns:repeat(2,max-content);gap:.5rem;transition:all .15s cubic-bezier(.4,0,.2,1)}header nav,header picture,header #header-btns{align-items:center}header picture,header span,header button{cursor:pointer}@media screen and (max-width: 379px){#menu-mobile{position:sticky;top:0;z-index:1000;background-color:#101820;color:#fee715;padding:.5rem;justify-content:right}#menu-mobile nav,#menu-mobile #header-btns{display:none}#menu-mobile #bars-icon{width:28px;height:28px}#menu-mobile.scrolled{background-color:#101820a9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#hamburguer{display:grid;grid-template-rows:auto 1fr;position:fixed;right:0;z-index:2000;width:50%;height:100%;background-color:#101820;color:#fee715;align-items:center;justify-items:center;text-align:center;padding:.5rem}#hamburguer #x-mark{justify-self:right;width:28px;height:28px}#hamburguer a{color:currentColor;text-decoration:none}#hamburguer ul{display:grid;grid-template-rows:repeat(6,max-content);gap:2rem;font-size:18px;list-style-type:none}#hamburguer li:active{color:#fff}#hamburguer .menu{display:grid;grid-template-columns:repeat(2,max-content);gap:.5rem;justify-content:center}#hamburguer .menu .icon{width:23.2px;height:23.2px}}@media screen and (max-width: 767px) and (min-width: 380px){#menu-mobile{position:sticky;top:0;z-index:1000;background-color:#101820;color:#fee715;padding:1rem;justify-content:right}#menu-mobile nav,#menu-mobile #header-btns{display:none}#menu-mobile #bars-icon{width:28px;height:28px}#menu-mobile.scrolled{background-color:#101820a9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#hamburguer{display:grid;grid-template-rows:auto 1fr;position:fixed;right:0;z-index:2000;width:50%;height:100%;background-color:#101820;color:#fee715;align-items:center;justify-items:center;text-align:center;padding:1rem}#hamburguer #x-mark{justify-self:right;width:28px;height:28px}#hamburguer a{color:currentColor;text-decoration:none}#hamburguer ul{display:grid;grid-template-rows:repeat(5,max-content);gap:2rem;font-size:18px;list-style-type:none}#hamburguer li:active{color:#fff}#hamburguer .menu{display:grid;grid-template-columns:repeat(2,max-content);gap:.5rem;justify-content:center}#hamburguer .menu .icon{width:23.2px;height:23.2px}}@media screen and (max-width: 1279px) and (min-width: 768px){#menu-mobile{position:sticky;top:0;z-index:1000;background-color:#101820;color:#fee715;padding:1rem;justify-content:right}#menu-mobile nav,#menu-mobile #header-btns{display:none}#menu-mobile #bars-icon{width:28px;height:28px}#menu-mobile.scrolled{background-color:#101820a9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#hamburguer{display:grid;grid-template-rows:auto 1fr;position:fixed;right:0;z-index:2000;width:50%;height:100%;background-color:#101820;color:#fee715;align-items:center;justify-items:center;text-align:center;padding:1rem}#hamburguer #x-mark{justify-self:right;width:28px;height:28px}#hamburguer a{color:currentColor;text-decoration:none}#hamburguer ul{display:grid;grid-template-rows:repeat(5,max-content);gap:2rem;font-size:18px;list-style-type:none}#hamburguer li:active{color:#fff}#hamburguer .menu{display:grid;grid-template-columns:repeat(2,max-content);gap:.5rem;justify-content:center}#hamburguer .menu .icon{width:23.2px;height:23.2px}}@media screen and (min-width: 1280px){header{grid-template-columns:60% 40%;position:sticky;top:0;z-index:1000}header #bars-icon{display:none}header nav,header #header-btns{padding:1rem 4rem}header nav.scrolled{background-color:#101820a9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}header nav{background-color:#101820;color:#fee715}header nav ul{grid-template-columns:repeat(4,max-content);justify-content:center;gap:2rem}header #header-btns{grid-template-columns:repeat(2,max-content);background-color:#fee715;justify-content:center;gap:2rem}header #header-btns picture:hover{color:#422057}header #header-btns.scrolled{background-color:#fee715a8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}header .header-icon{width:27.2px;height:27.2px}}#home{display:grid;position:relative;height:100vh}#home picture{align-self:center;position:absolute;pointer-events:none}#home p{line-height:180%}#home #left-side,#home #right-side{display:grid;grid-template-rows:repeat(3,max-content);align-content:center;justify-content:center}#home #left-side{background-color:#101820}#home #left-side h1,#home #left-side h2{color:#fee715}#home #left-side p{color:#fff}#home #right-side{background-color:#fee715;text-align:right}#home #right-side span{font-weight:700}@media screen and (max-width: 320px){#home{grid-template-rows:repeat(2,1fr)}#home picture{display:none}#home h1,#home h2{font-size:24px}#home p{font-size:16px}#home #left-side{padding:.5rem}#home #left-side p{width:240px}#home #right-side{padding:.5rem}}@media screen and (max-width: 379px) and (min-width: 321px){#home{grid-template-rows:repeat(2,1fr)}#home picture{justify-self:center}#home picture img{max-width:6rem}#home h1,#home h2{font-size:28px}#home p{font-size:16px}#home #left-side{padding:.5rem}#home #left-side p{width:260px}#home #right-side{padding:.5rem}}@media screen and (max-width: 767px) and (min-width: 380px){#home{grid-template-rows:repeat(2,1fr)}#home picture{justify-self:center}#home picture img{max-width:8rem}#home h1,#home h2{font-size:32px}#home p{font-size:18px}#home #left-side{padding:1rem}#home #left-side p{width:300px}#home #right-side{padding:1rem}}@media screen and (max-width: 1279px) and (min-width: 768px){#home{grid-template-rows:repeat(2,1fr)}#home picture{justify-self:center}#home picture img{max-width:10rem}#home h1,#home h2{font-size:36px}#home #left-side{padding:2rem}#home #left-side p{width:350px}#home #right-side{padding:2rem}}@media screen and (min-width: 1280px){#home{grid-template-columns:60% 40%}#home picture{left:60%;transform:translate(-50%);pointer-events:none}#home picture img{max-width:10rem}#home h1,#home h2{font-size:56px}#home p{font-size:21px}#home #left-side p{width:450px}}@media screen and (min-width: 1400px){#home picture img{max-width:12rem}}.left-hidden,.right-hidden{opacity:0;transition:all 1.4s}.left-hidden.show,.right-hidden.show{opacity:1;transform:translate(0)}@media screen and (max-width: 1279px){.left-hidden{transform:translate(-.5rem)}.right-hidden{transform:translate(.5rem)}}@media screen and (min-width: 1280px){.left-hidden{transform:translate(-.4rem)}.right-hidden{transform:translate(.4rem)}}.first-project{display:grid}.first-project a{text-decoration:none;color:currentColor}.first-project #left-side{display:grid;gap:2rem;grid-template-rows:repeat(2,max-content);align-content:center;justify-content:center;background-color:#101820;color:#fee715}.first-project #left-side #project-name{display:grid;justify-content:space-between;align-items:center}.first-project #left-side #project-name #project-links,.first-project #left-side #project-name #project-links-second{display:grid;gap:1rem}.first-project #left-side #project-name #project-links .link,.first-project #left-side #project-name #project-links-second .link{display:grid;grid-template-columns:repeat(2,max-content);gap:.25rem;align-items:center;transition:all .15s cubic-bezier(.4,0,.2,1);cursor:pointer}.first-project #left-side #project-name #project-links .link #arrow-icon,.first-project #left-side #project-name #project-links-second .link #arrow-icon{transform:rotate(-45deg)}.first-project #left-side #project-name #project-links .link svg,.first-project #left-side #project-name #project-links-second .link svg{width:18px;height:18px}.first-project #left-side #project-name #project-links .link:hover,.first-project #left-side #project-name #project-links-second .link:hover{color:#fff}.first-project #left-side #project-name #project-links{grid-auto-columns:max-content;grid-auto-flow:column}.first-project #left-side #project-name #project-links-second{grid-template-columns:repeat(2,max-content)}.first-project #left-side img{width:100%;max-width:914px;max-height:500px;object-fit:contain;transition:all .15s cubic-bezier(.4,0,.2,1);cursor:pointer}.first-project #left-side img:hover{transform:scale(.96)}.first-project #right-side{display:grid;grid-template-rows:repeat(4,max-content);align-content:center;justify-content:center;background-color:#fee715}.first-project #right-side p{line-height:180%;margin:2rem 0}.first-project #right-side ul{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.first-project #right-side ul li{padding:.5rem;background-color:#101820;color:#fff;list-style-type:none;transition:all .15s cubic-bezier(.4,0,.2,1);text-align:center}.first-project #right-side ul li:hover{transform:scale(1.1)}@media screen and (max-width: 320px){.first-project{grid-template-rows:repeat(2,max-content)}.first-project #left-side,.first-project #right-side{padding:4rem .5rem}.first-project #left-side span,.first-project #right-side span{font-size:16px}.first-project #left-side h1,.first-project #left-side h2,.first-project #right-side h1,.first-project #right-side h2{font-size:24px}.first-project #left-side{gap:1rem}.first-project #left-side #project-name{grid-template-rows:repeat(2,max-content);gap:1rem}.first-project #right-side{text-align:center;justify-items:center}.first-project #right-side p{max-width:16rem;font-size:16px}.first-project #right-side ul li{padding:.3rem}}@media screen and (max-width: 379px) and (min-width: 321px){.first-project{grid-template-rows:repeat(2,max-content)}.first-project #left-side,.first-project #right-side{padding:4rem .5rem}.first-project #left-side span,.first-project #right-side span{font-size:16px}.first-project #left-side h1,.first-project #left-side h2,.first-project #right-side h1,.first-project #right-side h2{font-size:28px}.first-project #left-side{gap:1rem}.first-project #left-side #project-name{grid-template-rows:repeat(2,max-content);gap:1rem}.first-project #right-side{text-align:center;justify-items:center}.first-project #right-side p{max-width:18rem;font-size:18px}}@media screen and (max-width: 767px) and (min-width: 380px){.first-project{grid-template-rows:repeat(2,max-content)}.first-project #left-side,.first-project #right-side{padding:4rem 1rem}.first-project #left-side span,.first-project #right-side span{font-size:18px}.first-project #left-side h1,.first-project #left-side h2,.first-project #right-side h1,.first-project #right-side h2{font-size:32px}.first-project #left-side{gap:1rem}.first-project #left-side #project-name{grid-template-rows:repeat(2,max-content);gap:1rem}.first-project #right-side{text-align:center;justify-items:center}.first-project #right-side p{max-width:18rem;font-size:18px}}@media screen and (max-width: 1279px) and (min-width: 768px){.first-project{grid-template-rows:repeat(2,max-content)}.first-project #left-side,.first-project #right-side{padding:4rem}.first-project #left-side h1,.first-project #left-side h2,.first-project #right-side h1,.first-project #right-side h2{font-size:36px}.first-project #left-side #project-name{grid-template-columns:repeat(2,max-content)}.first-project #right-side{text-align:center;justify-items:center}.first-project #right-side p{max-width:21rem}}@media screen and (min-width: 1280px){.first-project{grid-template-columns:60% 40%}.first-project #left-side,.first-project #right-side{padding:8rem 2rem}.first-project #left-side h1,.first-project #left-side h2,.first-project #right-side h1,.first-project #right-side h2{font-size:56px}.first-project #left-side #project-name{grid-template-columns:repeat(2,max-content)}.first-project #right-side p{max-width:25rem}.first-project #right-side ul li span{font-size:18px}}@media screen and (min-width: 1400px){.first-project #left-side,.first-project #right-side{padding:8rem 4rem}}*{margin:0;padding:0;box-sizing:border-box}html{color:#101820;font-family:DM Sans,sans-serif;font-size:21px;scroll-behavior:smooth;scroll-padding-top:4rem;scrollbar-width:thin;scrollbar-color:#101820 #fee715}#root{display:grid}#root a{text-decoration:none;color:currentColor}@media screen and (max-width: 1279px){#root{background-color:#101820}html{scrollbar-color:#101820 transparent}}