main{background-color:var(--barragan-magenta);grid-template-columns:1fr;width:100%;height:100vh;display:grid}main .canvas-background{background-color:#fff;width:100%;height:100%}main .screen-page{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:absolute}.center-body{background-color:#fff;align-self:center;width:50%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-body header{background-color:#fff;width:75%;height:25%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-body nav.links{text-align:center;grid-template-columns:1fr 1fr 1fr;width:100%;height:100%;display:grid;overflow:hidden}.links a{color:#000;opacity:0;animation:forwards fade-in}.links>div:nth-child(6n+1) a{animation-duration:1s}.links>div:nth-child(6n+2) a{animation-duration:1.8s}.links>div:nth-child(6n+3) a{animation-duration:2.3s}.links>div:nth-child(6n+4) a{animation-duration:4.7s}.links>div:nth-child(6n+5) a{animation-duration:7.1s}.links>div:nth-child(6n+6) a{animation-duration:8.45s}.name-and-contact{z-index:3;opacity:0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;animation:2s forwards fade-in;display:flex}.name-and-contact .contact{flex-direction:column;align-items:center;display:flex}.name-and-contact .name{text-align:center;width:100%}.name-and-contact .name h1{color:#000;margin:0;font-size:clamp(22px,19px + 1vw,30px)}.name-and-contact .contact p{align-self:center;margin:0}.name-and-contact .contact .social-media{flex-direction:row;justify-content:center;display:flex}@media (width<=600px){.center-body{width:80%}.center-body nav.links{grid-template-columns:1fr 1fr}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}