body{margin:0;box-sizing:border-box;font-family:IBM Plex Sans,sans-serif;height:100vh;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--secondary-background)}:root{--secondary-color: #151226;--contrast-color: #BF307F;--main-red: #dd164c;--main-background-color: #494e84;--main-light-blue: #74afda;--main-yellow: #da9100;--main-cyan: #00a693;--secondary-background: #292f6d;--secondary-yellow: #ff9527;--secondary-light-blue: #9497B6;--pages-selected: #dd164c;--pages-unselected: #bec0d3;--section-title: #bec0d3}#three-background{top:0;left:0;height:100%;width:100%;z-index:-10;position:absolute;cursor:pointer}.landing_page{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:flex-end;margin:auto 0 3rem;align-items:center;animation:fade 2s forwards;flex-grow:1;animation-delay:3s;opacity:1}@keyframes fade{0%,to{margin-bottom:60px}}.landing_page>p{font-weight:300;font-style:normal;font-size:1rem;color:beige;z-index:10}.title,.par{width:100%;text-align:center;z-index:5;position:relative}.title{overflow:hidden;height:auto;z-index:5}h1{font-size:1.5rem;color:var(--secondary-background);margin-bottom:5px;transform:translateY(150px);animation:slideUp .1s ease forwards .15s;z-index:10}.par{width:30%;height:auto;overflow:hidden;font-size:.9rem;text-align:justify;z-index:10;color:var(--secondary-background)}p{line-height:20px;font-size:1.2rem;transform:translateY(500px);animation:slideUp .2s ease-in-out forwards .25s;animation-delay:1s;z-index:10}.wrapper{display:flex;justify-content:center;align-items:center;z-index:10;padding:1rem 0;cursor:pointer}.wrapper a{text-decoration:none}.wrapper .arrow-button{color:var(--secondary-light-blue);padding:.3rem;transform:translateY(100vh);font-size:1.2rem;font-weight:600;animation:slideUp .4s ease forwards 3s;transition:color .3s;background:transparent;border:none;z-index:10;cursor:pointer}.arrow-button:hover{color:var(--main-red)}.arrow-button .arrow:hover{cursor:pointer;color:var(--main-red)}@keyframes slideUp{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@media screen and (max-width: 700px){p{line-height:1rem}.par{width:80%}h1{margin-bottom:.1rem}}