.btn-container{display:flex;flex-wrap:wrap;justify-content:space-around}.btn-container .details-btn{position:relative;width:150px;height:40px;margin:0}.btn-container .details-btn,.btn-container .details-btn a{top:0;left:0;display:flex;justify-content:center;align-items:center}.btn-container .details-btn a{position:absolute;width:100%;height:100%;background:hsla(0,0%,100%,.05);box-shadow:0 15px 15px rgba(0,0,0,.3);border-bottom:1px solid hsla(0,0%,100%,.1);border-top:1px solid hsla(0,0%,100%,.1);border-radius:30px;padding:10px;letter-spacing:1px;text-decoration:none;overflow:hidden;color:#fff;font-weight:400px;z-index:1;transition:.5s;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.btn-container .details-btn:hover a{letter-spacing:3px}.btn-container .details-btn a:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(270deg,hsla(0,0%,100%,.15),transparent);transform:skewX(45deg) translate(0);transition:.5s;filter:blur(0)}.btn-container .details-btn:hover a:before{transform:skewX(45deg) translate(200px)}.btn-container .details-btn:before{content:"";position:absolute;left:50%;transform:translatex(-50%);bottom:-5px;width:30px;height:10px;background:red;border-radius:10px;transition:.5s;transition-delay:.5}.btn-container .details-btn:hover:before{bottom:0;height:50%;width:80%;border-radius:30px}.btn-container .details-btn:after{content:"";position:absolute;left:50%;transform:translatex(-50%);top:-5px;width:30px;height:10px;background:red;border-radius:10px;transition:.5s;transition-delay:.5}.btn-container .details-btn:hover:after{top:0;height:50%;width:80%;border-radius:30px}.btn-container .details-btn:after,.btn-container .details-btn:before{background:#1eff45;box-shadow:0 0 5px #1eff45,0 0 15px #1eff45,0 0 30px #1eff45,0 0 60px #1eff45}@media (max-width:400px){.btn-container .details-btn{width:100px;height:20px}.btn-container .details-btn a{border-radius:15px;font-size:x-small}}.bg-light-grey{background-color:#e3e6e6}.text-dark-grey{color:#333}@keyframes slide-highlight{0%,to{background-position:200%}50%{background-position:0}}.animate-sideways:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,hsla(0,0%,100%,.1) 50%,transparent);background-repeat:no-repeat;background-size:200% 100%;animation:slide-highlight 3s linear infinite}@keyframes typing{0%{width:0}50%{width:100%}to{width:100%}}.typewriter{overflow:hidden;white-space:nowrap;letter-spacing:.15em;animation:typing 20s steps(40) infinite;border-right:none}@keyframes lightplay{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.lightplay-text{background:linear-gradient(90deg,#fff,#818181 50%,#fff);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:lightplay 3s ease-in-out infinite}.scroll-downs{text-align:center}.mousey{display:inline-block;background:hsla(0,0%,100%,.5);border-radius:15px;width:25px;height:45px;position:relative;top:0;border:2px solid #6366f1}.scroller{width:3px;height:10px;border-radius:25%;background-color:#6366f1;position:absolute;top:8px;left:50%;transform:translateX(-50%);animation-name:scroll;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes scroll{0%{top:8px;opacity:1}to{top:25px;opacity:0}}.follow-down-animation-container{margin-bottom:150px}@media (min-width:410px){.follow-down-animation-container{margin-bottom:140px}}@media (min-width:730px){.follow-down-animation-container{margin-bottom:120px}}.mobile-intro{display:none}@media screen and (max-width:480px){.desktop-intro{display:none}.mobile-intro{display:block}}