body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:"Benne",serif;font-family:"Manrope",sans-serif;font-family:"Roboto",sans-serif}h1,h2,h3,h4,h5,h6,p{font-family:"Oswald",sans-serif}h1{padding:0}.nameContainer{top:12vh;position:relative}.container{position:fixed;height:0;top:60%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.sun{background:linear-gradient(0deg,#fb6753 0,#fc8b53 30%,#fdd55a 50%);background-size:200% 200%;border-radius:100%}.moon,.sun{position:relative;width:75px;height:75px;z-index:10}.moon{background-size:200% 200%;box-shadow:-15px 15px 0 5px #f3d076;border-radius:50%}.lines{position:fixed;width:100%;height:40%;z-index:50}.textContainer{width:32rem;max-width:80vw;top:100vh;-webkit-transform:translate(-50%);transform:translate(-50%);text-align:left}.textContainer,.textContainer1{position:absolute;left:50%;z-index:20}.textContainer1{top:100rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:right}.title{position:absolute;width:100%;text-align:center;font-size:3rem;-webkit-animation:titleTransition 4s;animation:titleTransition 4s}#arrow:hover{-webkit-animation:bounce 1.5s;animation:bounce 1.5s}.square{margin:0 auto;width:3rem;height:3rem;padding:10px;-webkit-animation:titleTransition 4s;animation:titleTransition 4s}.centerwrapper{display:flex;flex-direction:row}.itemContainer{position:relative;bottom:-7rem;left:50%;width:20rem;height:3rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#box::-webkit-scrollbar{display:none}@-webkit-keyframes titleTransition{0%{opacity:0}to{opacity:1}}@keyframes titleTransition{0%{opacity:0}to{opacity:1}}@-webkit-keyframes rise{0%{top:-50%;background-position:50% 0}50%{top:100%;background-position:50% 100%}to{top:-50%;background-position:50% 0}}@keyframes rise{0%{top:-50%;background-position:50% 0}50%{top:100%;background-position:50% 100%}to{top:-50%;background-position:50% 0}}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}}.ocean{height:150px;position:fixed;bottom:0;left:0;-webkit-backface-visibility:hidden}.wave{-webkit-animation:wave 7s cubic-bezier(.36,.45,.63,.53) infinite;animation:wave 7s cubic-bezier(.36,.45,.63,.53) infinite;-webkit-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes wave{0%{margin-left:0}to{margin-left:-1600px}}@keyframes wave{0%{margin-left:0}to{margin-left:-1600px}}*{box-sizing:border-box}.flex-container{display:flex;width:100%;flex-wrap:wrap}.flex-item-left,.flex-item-right{padding:10px;flex:50% 1}.flex-item-center{padding:10px;flex:100% 1}.flex-item-center h1{color:#fff}@media (max-width:800px){.flex-item-left,.flex-item-right{flex:100% 1}}
/*# sourceMappingURL=main.c9e68937.chunk.css.map */