#main{margin-left:300px;background:#f5f5f5}#home{background:url("../../assets/img/IMG_7206.webp") top center/cover;height:100vh}#home .home-container{position:relative;z-index:2;margin-left:300px;-webkit-user-select:none}#home h1{margin:0 0 10px;font-size:64px;font-weight:700;line-height:56px;color:var(--secondary)}#home p span{color:var(--bs-white);padding-bottom:4px;letter-spacing:1px}.typed-cursor{opacity:1}.home-container p{margin-bottom:50px;font-size:26px}#main section{padding:30px 0;overflow:hidden;min-height:100vh}#main section .title h2{font-size:32px;font-weight:700;margin-bottom:48px;padding-bottom:20px;position:relative;color:var(--primary);text-align:center;z-index:1}#content .profile img{width:218px;height:218px;background:var(--highlight);margin-right:48px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#about #content #details h4,#about #content #details p,#about #content #details p strong,#about #content #software h4,#about #content p,#contact label{color:var(--text-colour)}#description{margin-bottom:24px;margin-top:24px}#about .title h2::after,#commissions .title h2::after,#contact .title h2::after,#portfolio .title h2::after{background-color:var(--text-colour)}#main #about:before,#main #commissions:before,#main #contact:before,#main #portfolio:before{background:var(--primary)}.title h2::after{width:100px;height:3px;display:block;content:'';text-align:center;margin:15px auto auto}#icons{display:flex;justify-content:center;align-items:center;gap:10%}#icons.social-links span,#icons.software-icons span{display:table-cell;align-items:center}#icons.social-links img,#icons.software-icons img{width:48px;height:48px;filter:invert(13%) sepia(100%) saturate(1294%) hue-rotate(196deg) brightness(97%) contrast(94%);transition:.3s}#icons.social-links a{font-size:24px;display:flex;justify-content:center;align-items:center;background:var(--primary);color:var(--hyperlink-text-colour);line-height:1;padding:8px 0;margin-right:4px;border-radius:50%;text-align:center;width:48px;height:48px;transition:.3s;text-decoration:none}h1,h4,p,span,strong{font-family:'Varela Round'}h2{font-family:'Octuple max';font-size:x-large}#main section:before{position:absolute;content:'';height:4px;left:0;right:0;z-index:1;margin-top:-30px}@media (min-width:1401px){#about #content{width:45%!important}}@media (min-width:1200px) and (max-width:1400px){#about #content{width:50%!important}}@media (max-width:1200px){#about #content{width:75%!important}}@media (max-width:576px){#about #content{width:100%!important}}