*,:after,:before{box-sizing:border-box}body{margin:0px;overflow-x:hidden}@media (max-width: 768px){.coding,.projects{margin-left:130px}}header .header-wrapper{display:grid;place-items:center;width:100%}header .header-wrapper img{display:block;width:100vw;height:100vh;grid-area:1 / 1}header .header-text{grid-area:1 / 1;text-align:center;z-index:2;color:#fff}header .header-text h1{font-size:5rem}header .header-text h4,header .header-text a{font-size:2rem}header .back-to-top{color:#000;font-size:5rem;z-index:999}@media (max-width: 1260px){.header-text{width:50%}}.sidebar-items{height:100%;width:235px;position:fixed;background-color:#fff;top:0;left:0;text-align:center}.sidebar-items a{text-decoration:none;font-size:25px;color:#000;display:block;line-height:3}.sidebar-items a:hover{text-decoration:underline;text-decoration-color:#52b2cb;text-decoration-thickness:0.2rem;text-underline-offset:1rem}.sidebar-items h1{font-size:5rem;margin-top:25px;padding:0 20px 20px;color:#52b2cb;border-bottom:2px solid #52b2cb}.sidebar-items strong{display:block;border-top:2px solid #52b2cb;border-bottom:2px solid #52b2cb}.sidebar-items .gap{margin-bottom:20px}.social-icons i{color:#52b2cb}.social-icons a{display:inline-block;padding:10px}@media (max-width: 768px){.sidebar-items{width:100px;transform:translateX(-100%);transition:transform 0.3s ease-in-out}.sidebar-items a{font-size:14px;line-height:2.0}.sidebar-items h1{font-size:2rem}.sidebar-items.active{transform:translateX(0)}.menu-toggle{position:fixed;top:20px;left:20px;z-index:1001;background:none;border:none;font-size:1.8rem;cursor:pointer;color:#000;transition:left 0.3s ease-in-out}.sidebar-items.active ~ .menu-toggle{left:120px}}.projects{margin-left:235px;padding:40px;display:flex;flex-wrap:wrap;gap:30px}.projects img{width:50%;height:auto;display:block;transition:width 0.5s ease, filter 0.5s ease}.projects img:hover{width:75%;filter:brightness(50%)}.projects div{width:calc((100% - 60px) / 3);overflow:hidden}.projects a,.projects i{margin-left:4px}.projects h1:hover,.projects a:hover,.projects i:hover{color:rgba(0,0,0,0.459)}@media (max-width: 768px){.projects{margin-left:130px}}.contact{margin-left:300px;border-radius:3px}.contact .contact-items{display:flex;justify-content:flex-start;gap:20px;padding:20px 0}.contact .contact-text{padding-bottom:20px;padding-right:50px;max-width:500px;text-wrap:wrap}.contact .contact-text h2{font-size:3rem}.contact .contact-text p{font-size:1.5rem}.contact .contact-form{flex:1}.contact .contact-form form{display:flex;flex-direction:column}.contact .contact-form form .gap{margin-bottom:20px}.contact .contact-form form input{padding:12px;width:45%;font-size:16px}.contact .contact-form form .large{width:90%}.contact .contact-form form .message{height:200px}.contact .contact-form form button{width:150px;height:50px;margin-top:20px}@media (max-width: 768px){.contact{margin-left:130px}}.about{margin-left:235px;padding-left:50px}.about h1{font-size:5rem;text-align:center}.about .about-section{display:flex;align-items:center;gap:20px}.about .about-section p{flex:1;font-size:1.5rem;line-height:1.6}.about .about-section img{flex:0 0 30%;height:auto;padding-right:20px}@media (max-width: 768px){.about{margin-left:135px}}.scheme-text{margin-left:235px;text-align:center;padding:0 30px}.scheme-text h2{font-size:2.5rem;margin-top:50px}.scheme-text p{font-size:1.5rem}.scheme-text img{width:80%}.scheme-text .treehouse h3{margin:0;margin-bottom:50px}.scheme-text .about-netmatters img{width:75%}.scheme-text .scion img{width:50%}@media (max-width: 768px){.scheme-text{margin-left:130px}}.coding{display:flex;justify-content:center;margin-left:235px}.coding .coding-text h1{font-size:10rem}@media (max-width: 768px){.coding-text h1{font-size:2rem !important}.coding-text img{width:100%}}