*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh}:root{font-size:4px;--primary-color: #23004b;--accent-color: #f041ff;--secondary-color: rgb(220, 220, 220)}#root{min-height:100vh}::-webkit-scrollbar{width:2rem}::-webkit-scrollbar-track{background:#502771}::-webkit-scrollbar-thumb{background:#792589d7}::-webkit-scrollbar-thumb:hover{background:#91479c;cursor:pointer}@font-face{font-family:Dortmund;src:url(/assets/Dortmund-ExtraBold-CKV6NDIP.otf) format("opentype");font-weight:400}@font-face{font-family:Raleway;src:url(/assets/Raleway-VariableFont_wght-tcJTL8Dy.ttf) format("truetype");font-weight:400}@font-face{font-family:Raleway Italics;src:url(/assets/Raleway-VariableFont_wght-tcJTL8Dy.ttf) format("truetype");font-weight:400}h1,h2,h3,h4,h5,h6{font-family:Dortmund,sans-serif}body,button{font-family:Raleway,sans-serif}h1{font-size:16rem}h2{font-size:12rem}h3{font-size:10rem}h4{font-size:8rem}h5{font-size:6rem}h6{font-size:3rem}p{font-size:4rem}.navbar{position:fixed;padding:0;margin:0;width:100%;height:17rem;transition:all .5s;z-index:3}.navbar-scrolled{background-color:#edededc6}#mezzo-logo{height:100%;width:auto;margin-left:2rem;position:absolute;left:0;display:flex;align-items:center;justify-content:space-evenly}#mezzo-logo img{height:12rem;width:auto;padding-bottom:1rem}#navbar-menu{position:absolute;right:0;height:100%;width:100rem;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-around}.nav-button{border:none;background-color:transparent;color:var(--secondary-color);font-weight:700;font-size:4rem}.navbutton-scrolled{color:#212121}h1{margin-bottom:7rem}.home{height:100vh;width:100%;position:relative}.video-background{top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;position:absolute}#home-transparency{height:100%;width:100%;background-color:#23004b80;z-index:1;position:absolute}.service-page{width:100%;height:auto;padding:8rem;background-color:var(--primary-color);color:var(--secondary-color);display:flex;flex-direction:column;justify-content:space-around}.services{width:100%;height:auto;display:flex;flex-direction:row;align-items:top;justify-content:space-evenly;flex-wrap:wrap}.service-box{min-width:50rem;width:60rem;margin:5rem 0}.service-box h5{margin-bottom:5rem;padding:2rem;display:flex;justify-content:center;border:3px solid;border-radius:2rem}.service-box p{margin:1rem 3rem;text-align:center}.work-page{width:100%;height:auto;padding:8rem;background-color:#fff;color:var(--accent-color);display:flex;flex-direction:column;justify-content:space-around}.work{width:85%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-self:center}.work-box{margin:5rem}.work-box img{width:60rem}footer{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--primary-color);color:var(--secondary-color);width:100%;height:auto;padding:4rem}.footer-content{width:100%;display:flex;justify-content:space-around}.footer-contact{width:50%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:5rem}.footer-contact h5{margin-bottom:4rem}.footer-socials{display:flex;flex-direction:column;justify-content:center}#footer-mail{width:100%;display:flex;flex-direction:row;align-items:center}#footer-icons{width:10rem}a{display:flex;flex-direction:row;align-items:center;color:var(--secondary-color);text-decoration:none}.footer-credits{width:50%;padding:5rem;display:flex;flex-direction:column;align-items:flex-end}.footer-credits h5{margin-bottom:4rem}.footer-credits img{width:8rem;margin-left:1rem}#collaborators{display:flex;flex-direction:column;align-items:flex-end;gap:2rem}#kim,#guille{display:flex;flex-direction:column;align-items:flex-end}#collab{font-weight:700}#title{font-size:3rem}.contact-page{height:100vh;width:auto;background:linear-gradient(140deg,#23004b 0% 53%,#940d94);color:var(--secondary-color);display:flex;align-items:center;justify-content:center}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:justify}.contact img{width:100rem}.contact-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.contact-box h5{text-align:justify}#email,#instagram{display:flex;flex-direction:row;align-items:center;gap:1rem}#email img{margin-right:1rem}#contact-icons{width:10rem}