html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden}body{margin:0;font-family:brandon-grotesque,source-code-pro,Menlo,Monaco,Consolas,Courier New;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff}h1,h2,h3,h4,h5{text-transform:uppercase;letter-spacing:1.03px;line-height:1.2em}h1{background:#fff;background-size:auto;background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:100% 100%!important}h2{background:#fff;background-size:auto;background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:100% 100%!important;font-size:40px}p{font-size:20px;line-height:1.4em}button{background:#000000c9;display:inline-block;box-shadow:none;text-transform:uppercase;font-size:16px;letter-spacing:3px;line-height:1.4em;border:1px solid #fff;color:#fff;padding:14px 40px;border-radius:3px;transition:background .3s,transform .2s}button:hover{background:#fff;color:#000000c9;transform:scale(1.1)}a{color:#fff;text-decoration:none}a:hover{color:#9f86c0}.row{width:100%;padding:0 50px}.timeline{position:relative;width:80%;margin:auto}.timeline:before{content:"";position:absolute;top:25%;left:50%;width:5px;height:54%;background:#cdcbca;background:#cdcbca33;transform:translate(-50%)}.timeline-item{display:flex;align-items:center;width:65%;padding:20px;position:relative}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-item:after{content:"";position:absolute;top:30%;left:50%;width:20px;height:20px;background:#9f86c0;border-radius:50%;transform:translate(-50%)}.timeline-item a{color:#fca311;text-decoration:none;transition:color .3s ease-in-out}.timeline-item a:hover{color:#fff;text-decoration:underline}.timeline-item img{transition:transform .3s ease-in-out}.timeline-item img:hover{transform:scale(1.1)}@media (min-width: 280px) and (max-width: 600px){.rol{position:relative;right:-170px;top:303px}}@media (max-width: 380px){.row.col{position:static;right:0;top:171px}}@media (max-width: 480px){.row.col{position:static}}.button-container{position:relative;display:inline-block}.button-text{display:inline-block;transition:opacity .3s ease}.particle-button{position:relative;z-index:2;background:#000000c9;border:1px solid #fff;color:#fff;padding:14px 40px;border-radius:3px;text-transform:uppercase;font-size:16px;letter-spacing:3px;overflow:hidden;cursor:pointer;transition:background .3s,transform .2s}.particle-button:hover{transform:scale(1.05)}.particle{position:absolute;top:50%;left:50%;width:8px;height:8px;background:#fca311;border-radius:50%;transform:rotate(var(--start-angle)) translate(30px) rotate(calc(-1 * var(--start-angle)));opacity:0;animation:orbit 1.5s linear infinite;animation-play-state:paused;pointer-events:none}.button-container:hover .particle{opacity:1;animation-play-state:running}@keyframes orbit{0%{transform:rotate(var(--start-angle)) translate(50px) rotate(calc(-1 * var(--start-angle)))}to{transform:rotate(calc(var(--start-angle) + 360deg)) translate(50px) rotate(calc(-1 * (var(--start-angle) + 360deg)))}}.particle1{--start-angle: 0deg}.particle2{--start-angle: 90deg}.particle3{--start-angle: 180deg}.particle4{--start-angle: 270deg}