footer{background-color:#253b39;height:100vh;margin-top:2rem;display:flex;flex-direction:column;justify-content:start;align-items:center;padding:3rem}@media screen and (max-width: 800px){footer{height:auto;justify-content:center}}footer p{font-size:8rem;text-align:center;text-transform:uppercase;font-weight:500;color:#fff}@media screen and (max-width: 800px){footer p{font-size:4rem}}footer #mail{display:flex;justify-content:space-between;width:100%;gap:2rem;margin-top:1.5rem}@media screen and (max-width: 800px){footer #mail{flex-direction:column}}@media screen and (max-width: 1000px){footer #mail{flex-wrap:wrap}}footer #mail a{padding:4rem 8rem;text-decoration:none;border:2px solid white;border-radius:6rem;display:flex;justify-content:center;width:100%;position:relative;overflow:hidden}@media screen and (max-width: 800px){footer #mail a{padding:2rem 4rem;width:auto}}footer #mail a span{font-size:3rem;color:#fff;z-index:2;font-weight:700;padding:.2rem}footer #mail a span:hover{color:#000}@media screen and (max-width: 800px){footer #mail a span{font-size:2rem}}footer #mail a:after{content:"";position:absolute;top:0;clip-path:circle(0px at 50% 50%);background-color:#fff;width:100%;height:100%;z-index:1;transition:all .6s ease-in-out 0s}footer #mail a:hover:after{clip-path:circle(1000px at 50% 50%)}footer #social{display:flex;justify-content:space-around;margin-top:5rem;width:100%}@media screen and (max-width: 800px){footer #social{gap:2px}}footer #social a{color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;font-size:1.5rem;position:relative;overflow:hidden;width:150px;z-index:2;padding:1rem}footer #social a:before{content:" ";position:absolute;top:0;background-color:#14cf93;width:100%;height:100px;clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:all .6s ease-in-out 0s}footer #social a span{margin-top:5px;z-index:2}footer #social a span:nth-child(2){font-size:1.3rem}footer #social a:hover:before{clip-path:polygon(0 0,100% 0,99% 100%,0 100%)}nav{display:flex;justify-content:space-around;padding:4rem 0rem;position:fixed;width:100vw;z-index:999}nav a{text-transform:uppercase;color:#383838;font-size:1.2rem;position:relative;pointer-events:all;overflow:hidden}@media screen and (max-width: 800px){nav a{color:#fff}}@font-face{font-family:mazius,sans-serif;src:url(https://res.cloudinary.com/duskdho4x/raw/upload/v1671553330/fonts/mazius-display/MAZIUSREVIEW20.09-Regular_r620z1.otf);font-weight:400}@font-face{font-family:mazius;src:url(https://res.cloudinary.com/duskdho4x/raw/upload/v1671553330/fonts/mazius-display/MAZIUSREVIEW20.09-Extraitalic_n2fade.otf);font-style:italic}@font-face{font-family:gilroy;src:url(https://res.cloudinary.com/duskdho4x/raw/upload/v1671553337/fonts/gilroy/Gilroy-Regular_yeh1m0.ttf);font-weight:400}@font-face{font-family:gilroy;src:url(https://res.cloudinary.com/duskdho4x/raw/upload/v1671553338/fonts/gilroy/Gilroy-SemiBold_rekmio.ttf);font-weight:500}@font-face{font-family:gilroy;src:url(https://res.cloudinary.com/duskdho4x/raw/upload/v1671553335/fonts/gilroy/Gilroy-Bold_jvqlnq.ttf);font-weight:700}@font-face{font-family:gilroy;src:url(https://res.cloudinary.com/duskdho4x/raw/upload/v1671553335/fonts/gilroy/Gilroy-ExtraBold_xmtiyk.ttf);font-weight:900}.transition{height:100vh;display:flex;gap:0;background-color:transparent}.transition .box{height:0%;width:100%;background-color:#14cf93}