*{margin:0;padding:0;box-sizing:border-box;font-family:FiraCode}html{scroll-behavior:smooth}html,body{overflow-x:hidden!important}body{background-color:#1c1c1c}img,svg{max-width:100%;height:auto;display:block}p,span,a,li,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;word-break:break-word}.content-wrapper{max-width:1440px;margin-left:auto;margin-right:auto;width:100%;display:flex;flex-direction:column;gap:150px;padding-top:100px;padding-bottom:100px}.button-hover-effect{cursor:pointer;animation-timing-function:ease-out;animation-duration:.3s;position:relative;overflow:hidden;border-radius:15px;transition:all .5s ease}.button-hover-effect:hover{background-color:#1c1c1c}.button-hover-effect:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(0deg,transparent,transparent 30%,rgba(0,255,255,.3));transform:rotate(-45deg);transition:all .5s ease;opacity:0}.button-hover-effect:hover{transform:scale(1.05);box-shadow:0 0 20px #00ffff80}.button-hover-effect:hover:before{opacity:1;transform:rotate(-45deg) translateY(100%)}.hover-underline{position:relative;display:inline-block;cursor:pointer}.hover-underline:after,.hover-underline:before{content:"";position:absolute;width:100%;height:2px;background:linear-gradient(#3dcfb6);bottom:-5px;left:0;transform:scaleX(0);transform-origin:right;transition:transform .4s ease-out}.hover-underline:before{top:-5px;transform-origin:left}.hover-underline:hover:after,.hover-underline:hover:before{transform:scaleX(1)}.turquoise{color:#3dcfb6!important}@font-face{font-family:FiraCode;src:url("./media/FiraCode-VariableFont_wght-Y34YXTOO.ttf") format("woff2")}@font-face{font-family:Karla;src:url("./media/Karla-VariableFont_wght-P42ITWG4.ttf") format("woff2")}@media(max-width:768px){.content-wrapper{gap:80px;padding-top:60px;padding-bottom:60px}}[class*=body]>*,.projects-wrapper>*,.about-me>*,.header-inner>*,.content-wrapper>*{min-width:0}