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:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.bg{background-image:url(/static/media/background1.2191e883.jpg);height:100vh;background-position:100%;background-repeat:no-repeat;background-size:cover}.mainBody{padding-top:70px}.soundRule{color:#f5f5f5;text-align:center;font-size:68px;font-family:Architects Daughter,cursive;font-weight:700}.nameKIET{font-size:3vh}.tagline{color:#fff;text-align:center;font-size:20px;font-family:Architects Daughter,cursive;font-weight:700}.loginBoxROW{display:flex;justify-content:center;align-items:center}.loginBox{margin-top:20px;color:#000;border-radius:10px;padding:3px 19px;text-align:center}.loginBox img{height:50vh}.signInButton{margin:20px 20px 0 10px;background-color:#fdbe00;padding:5px;border-radius:5px;border:0 solid;cursor:pointer}.signInButton:hover{background-color:#ffca2c}.videoModal{margin-bottom:10px;margin-left:5px;width:720px;height:405px}.mainPageVideosThumbnail{width:21vw;height:180px;margin-bottom:10px}.personalProfile{background-color:#e0a800;margin:0 -15px;padding:10px 0}.category{background-color:#e4e8ec;margin:20px 0;border-radius:5px}button{padding:6px;border-radius:5px!important;border:1px solid #e0a800;background-color:#e0a800}.noteBox{border:1px solid red;border-radius:10px;background-color:#f87878;color:#fff;padding-top:10px}.space{margin:20px 0}.playButton{font-weight:700;cursor:pointer}.playButton i{display:none}.playButton:hover{width:70px;border-radius:6px;padding-left:8px;background-color:#d3d3d3}.playButton:hover i{display:inline}@media (max-height:600px){.soundRule{font-size:50px}.tagline{font-size:15px}}@media (max-height:550px){.soundRule{font-size:40px}.tagline{font-size:12px}.signInButton{font-size:13px}}@media (max-width:380px){.soundRule{font-size:50px}.tagline{font-size:15px}.videoModal{width:272px;height:153px}.mainPageVideosThumbnail{width:300px}}@media (min-width:380px) and (max-width:425px){.soundRule{font-size:50px}.tagline{font-size:16px}.videoModal{width:336px;height:189px}.mainPageVideosThumbnail{width:320px}}@media (min-width:425px) and (max-width:768px){.videoModal{width:320px;height:180px}.mainPageVideosThumbnail{width:320px}}@media (min-width:768px) and (max-width:1200px){.videoModal{width:432px;height:243px}.mainPageVideosThumbnail{width:320px}}.contactForm{height:100vh;display:flex;flex-direction:column;justify-content:center}.contactForm>input,textarea{padding:5px;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,.137);margin-bottom:20px;border:1px solid #d3d3d3;background:#fff;font-size:16px;color:#000;outline:none}.contactForm>input:focus,textarea:focus{border:1px solid #e0a800}.contactForm>label{color:#000;font-weight:700}.contactForm>button{border:none;background-color:#e0a800;font-weight:500;font-size:20px;border-radius:3px;color:#fff;cursor:pointer;transition:.2s ease-in-out;margin-top:10px}.footer{background-color:#d3d3d3;color:#000;text-align:center}
/*# sourceMappingURL=main.1ac59dfb.chunk.css.map */