@import url(https://fonts.googleapis.com/css2?family=Koulen&family=Lexend:wght@300;400&family=Text+Me+One&family=Wire+One&display=swap);.quotes{align-items:flex-start;display:flex;flex-direction:column;gap:20px;left:10%;padding:30px;position:relative;top:10%;width:70%;z-index:99}@media screen and (max-width:480px){.quotes{gap:10px;left:0;padding:10px;top:5%;width:100%}}.quotes .top{align-items:center;display:flex;gap:10px}@media screen and (max-width:480px){.quotes .top{gap:5px}}.quotes .top h4{color:#fff;font-family:Text Me One,sans-serif;font:12px;letter-spacing:.2rem}@media screen and (max-width:480px){.quotes .top h4{letter-spacing:normal}}.quotes .top img{cursor:pointer}.quotes .author{color:#fff;font-family:Koulen,cursive;font-size:1.4rem;letter-spacing:.2rem}@media screen and (max-width:480px){.quotes .author{font-size:1rem;letter-spacing:normal}}*{box-sizing:border-box;margin:0;padding:0}.App{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;position:relative;width:100%}.App:after{background:rgba(0,0,0,.4);content:"";height:100%;left:0;top:0}.App:after,.clock{position:absolute;width:100%}.clock{background:transparent;color:#fff;display:flex;font-family:Lexend,sans-serif;justify-content:space-between;padding:10px 150px;top:60%;z-index:99}@media screen and (max-width:480px){.clock{flex-direction:column;padding:10px;top:30%}}@media screen and (min-width:480px)and (max-width:768px){.clock{padding:10px 100px}}.clock .left{display:flex;flex:4 1;flex-direction:column;gap:20px}@media screen and (max-width:480px){.clock .left{flex:1 1;gap:10px}}.clock .left .top{align-items:center;display:flex;gap:10px;width:100%}.clock .left .top p{font-size:12px;letter-spacing:.2rem}@media screen and (max-width:480px){.clock .left .top p{letter-spacing:normal}}.clock .left .top span{font-size:1rem;letter-spacing:.2rem}@media screen and (max-width:480px){.clock .left .top span{letter-spacing:normal}}.clock .left .center{align-items:flex-end;display:flex;flex-direction:row;gap:10px;width:100%}@media screen and (max-width:480px){.clock .left .center{align-items:center;flex-direction:column}}.clock .left .center span{font-size:6rem}.clock .left .center p{letter-spacing:.2rem}@media screen and (max-width:480px){.clock .left .center p{letter-spacing:normal}}.clock .left .bottom p{font-size:12px;letter-spacing:.2rem}@media screen and (max-width:480px){.clock .left .bottom p{letter-spacing:normal}}.clock .right{align-items:flex-end;display:flex;flex:2 1;flex-direction:column;gap:30px;justify-content:flex-end}@media screen and (max-width:480px){.clock .right{align-items:center;flex:1 1;gap:20px;justify-content:center;margin-top:20px}}.clock .right span{font-family:Text Me One,sans-serif;font-size:2rem;text-align:end;width:100%}@media screen and (max-width:480px){.clock .right span{text-align:center}}.clock .right button{align-items:center;background-color:#fff;border:none;border-radius:30px;color:#000;cursor:pointer;display:flex;font-weight:700;justify-content:space-around;padding:10px;text-transform:uppercase;width:25%;z-index:9999}@media screen and (max-width:480px){.clock .right button{width:50%}}@media screen and (min-width:480px)and (max-width:768px){.clock .right button{width:70%}}.pannel{align-items:center;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:pannel;animation-name:pannel;background-color:#a7a6a6;bottom:-47%;display:flex;justify-content:space-around;left:0;padding:30px 250px;position:absolute;width:100%}@media screen and (max-width:480px){.pannel{align-items:center;justify-content:space-between;padding:10px}}@media screen and (min-width:480px)and (max-width:768px){.pannel{padding:20px 200px}}@-webkit-keyframes pannel{0%{bottom:-100%;opacity:0}to{bottom:-47%;opacity:1}}@keyframes pannel{0%{bottom:-100%;opacity:0}to{bottom:-47%;opacity:1}}.pannel .left{display:flex;flex-direction:column;gap:20px}.pannel .left p{color:#333;font-size:12px;font-weight:700}.pannel .left span{color:#000;font-size:1.5rem;font-weight:700}@media screen and (max-width:480px){.pannel .left span{font-size:1rem}}.pannel .right{align-items:flex-start;display:flex;flex-direction:column;gap:20px}.pannel .right p{color:#333;font-size:12px;font-weight:700}.pannel .right span{color:#000;font-size:1.5rem;font-weight:700;text-align:start}@media screen and (max-width:480px){.pannel .right span{font-size:1rem}}
/*# sourceMappingURL=main.c1499618.css.map*/