*{margin:0;padding:0}a{color:inherit;text-decoration:none}.app{background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;height:100vh;width:100vw}.carouselArrowImage{background-color:grey;cursor:pointer;opacity:0;padding:10px;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease}.carousel-container{align-self:center;height:max-content;overflow:hidden;position:relative;width:-moz-fit-content;width:fit-content}.carousel-container .carouselArrowImage:hover{opacity:1!important}.carousel-container:hover .carouselArrowImage{opacity:.6}.carousel-image{height:100%;object-fit:contain;opacity:0;position:absolute;transition:opacity .5s linear,z-index 0s linear;width:100%;z-index:-1}.carousel-image.active{opacity:1;position:relative;z-index:0}.leftArrow{left:0}.menu{align-items:center;background-color:rgba(30,30,30,.9);display:flex;flex-direction:column;height:100vh;justify-content:center;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;position:absolute;visibility:hidden;width:100vw}.menu-active-link{font-weight:800;transform:scale(1.05);transition:all .25s ease}.menu-icon-container{align-items:center;background-color:hsla(0,0%,100%,.5);display:flex;height:40px;justify-content:center;padding:5px;position:absolute;right:15px;top:15px;width:40px}.menu-link{color:#fff;font-family:Roboto,serif;font-size:26px;margin-bottom:25px;margin-top:25px;text-align:center;transition:all .25s ease}.menu-link:hover{cursor:pointer;font-weight:800;transform:scale(1.05)}.menu-links,.menu-social-icons{opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.menu-social-icon{transition:all .25s ease}.menu-social-icons a{margin:0 20px}.menu-social-icon:hover{transform:scale(1.4)}.menu-social-icons{display:flex;flex-direction:row;margin-top:60px}.menu-visible{opacity:1;visibility:visible}.menu-visible .menu-links,.menu-visible .menu-social-icons{opacity:1;transform:translateY(0)}.rightArrow{right:0;transform:translateY(-50%) rotate(180deg)}.signature{background-color:hsla(0,0%,100%,.5);bottom:5px;color:#000;font-family:Audiowide,serif;font-size:20px;font-weight:500;padding:0 5px;position:absolute;right:15px;text-align:end;text-transform:uppercase}@media screen and (max-width:900px){.carouselArrowImage{opacity:.5}}