*{box-sizing:border-box;margin:0;padding:0;font-family:PT Sans,sans-serif}.about-us,.home,.sign-in{display:flex;height:100vh;height:100svh;width:100vw;align-items:center;justify-content:center;font-size:3rem}.about-us{background-image:url(https://diegobajetti.github.io/check-my-attendance/images/img-1.jpg)}.about-us,.sign-in{background-position:50%;background-size:cover;background-repeat:no-repeat;color:#fff;font-size:100px}.sign-in{background-image:url(https://diegobajetti.github.io/check-my-attendance/images/img-4.jpg)}@media screen and (max-width:960px){.about-us,.home,.sign-up{font-size:60px}}:root{--primary:#fff}.btn{margin-top:0;padding:8px 20px;border-radius:2px;outline:none;border:none;cursor:pointer}.btn--primary{background-color:#fff;background-color:var(--primary);color:#242424;border:1px solid #fff;border:1px solid var(--primary)}.btn--outline{background-color:initial!important;color:#fff!important;padding:8px 20px!important;border:1px solid #fff!important;border:1px solid var(--primary)!important;transition:all .3s ease-out!important}.btn--medium{padding:8px 20px;font-size:18px}.btn--large{padding:12px 26px!important;font-size:20px!important}.btn--large:hover,.btn--medium:hover{transition:all .3s ease-out!important;background:#fff!important;color:#242424!important;transition:.25s!important}.navbar-nav{background:linear-gradient(90deg,#1c1b1b,#1a1717);font-size:1.2rem;position:-webkit-sticky;position:sticky;top:0;z-index:999}.navbar-container,.navbar-nav{height:80px;display:flex;justify-content:center;align-items:center}.navbar-logo{color:#fff;justify-self:start;cursor:pointer;text-decoration:none;font-size:2rem;display:flex;align-items:center}.fa-shekel-sign{margin-left:.5rem;margin-top:3px;font-size:1.8rem}.nav-menu{display:grid;grid-template-columns:repeat(3,auto);list-style:none;text-align:center;width:60vw;justify-content:end;margin-right:1rem;margin-bottom:0}.nav-item{height:80px}.nav-links{color:#fff;display:flex;align-items:center;text-decoration:none;padding:.5rem 1rem;height:100%}.nav-links:hover{border-bottom:4px solid #fff;transition:all .2s ease-out}.fa-bars{color:#fff}.nav-links-mobile{display:none!important}.menu-icon{display:none;margin-right:10px}@media screen and (max-width:960px){.NavbarItems{position:relative}.nav-item{height:80px}.nav-item.button{height:120px}.nav-menu{display:flex;flex-direction:column;width:100%;position:absolute;top:80px;left:-100%}.nav-menu,.nav-menu.active{opacity:1;transition:all .5s ease}.nav-menu.active{background:#242222;left:0;z-index:1}.nav-links{text-align:center;padding:2rem;width:100%;display:table}.nav-links:hover{background-color:#fff;color:#242424;border-radius:0}.navbar-logo{position:absolute;top:0;left:0;-webkit-transform:translate(25%,50%);transform:translate(25%,50%)}.menu-icon{display:block;position:absolute;top:0;right:0;-webkit-transform:translate(-100%,60%);transform:translate(-100%,60%);font-size:1.8rem;cursor:pointer}.fa-times{color:#fff;font-size:2rem}.nav-links-mobile{display:block!important;text-align:center!important;margin:2rem auto!important;border-radius:4px!important;width:80%!important;text-decoration:none!important;font-size:1.5rem!important;background-color:initial!important;color:#fff!important;padding:14px 20px!important;border:1px solid #fff!important;transition:all .3s ease-out!important}.nav-links-mobile:hover{background:#fff!important;color:#242424!important;transition:.25s!important}}#attendance-record-title{margin-top:40px}.date-col{max-width:60px}.status-col{margin-left:50px}.canvas-panel,.convas-content-container{position:relative}.canvas-panel{height:70vh;width:75vw;margin-top:40px;margin-bottom:64px;padding:0}.camera-canvas{position:absolute;top:0;left:0;height:100%;border-radius:10px}.hide-video{display:none}.loading-container{position:absolute;top:20px;left:20px;z-index:9999;display:flex;flex-direction:row;justify-content:flex-start}.loading-container p{margin-left:10px}.cards__item__link{padding:40px}.cards{padding:4rem;background:#fff}h1{text-align:center}.cards__container{display:flex;flex-flow:column;align-items:center;max-width:1120px;width:90%;margin:0 auto}.cards__wrapper{position:relative;margin:50px 0 45px}.cards__items{margin-bottom:24px}.cards__item{display:flex;flex:1 1;margin:0 1rem;border-radius:10px}.cards__item__link{display:flex;flex-flow:column;width:100%;box-shadow:0 6px 20px rgba(56,125,255,.17);-webkit-filter:drop-shadow(0 6px 20px rgba(56,125,255,.017));filter:drop-shadow(0 6px 20px rgba(56,125,255,.017));border-radius:10px;overflow:hidden;text-decoration:none}.cards__item__pic-wrap{position:relative;width:100%;padding-top:67%;overflow:hidden}.fade-img{-webkit-animation-name:fade-img;animation-name:fade-img;-webkit-animation-duration:2s;animation-duration:2s}.cards__item__pic-wrap:after{content:attr(data-category);position:absolute;bottom:0;margin-left:10px;padding:6px 8px;max-width:calc(100% - 60px);font-size:12px;font-weight:700;font-family:JetBrains Mono,Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;color:#fff;background-color:#1f98f4;box-sizing:border-box}.cards__item__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;max-width:100%;height:100%;max-height:100%;object-fit:cover;transition:all .2s linear}.cards__item__img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.cards__item__info{padding:20px 30px 30px}.cards__item__text{color:#252e48;font-size:18px;line-height:24px}@media only screen and (min-width:1200px){.content__blog__container{width:84%}}@media only screen and (min-width:1024px){.cards__items{display:flex}}@media only screen and (max-width:1024px){.cards__item{margin-bottom:2rem}}.clickable-card{width:300px;cursor:pointer!important;transition:all .3s ease-in-out;margin-top:15px}.clickable-card:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.course-selection-container{margin-top:20px}#add{margin-left:10px}#input-group-label{margin-bottom:8px!important}#input-group-addon-btn{margin-top:0!important;border-bottom-left-radius:0;border-top-left-radius:0}.search-container{display:flex;flex-direction:row;justify-content:space-between;width:400px}#student-search-btn{height:38px}.search-results-container{padding-left:0!important}.search-result{list-style:none;cursor:pointer;padding:10px;border-radius:10px;margin-top:7px}video{object-fit:cover;width:100%;height:100%;position:fixed;z-index:-1}.hero-container{height:100vh;height:100svh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:inset 0 0 0 1000px rgba(0,0,0,.2);object-fit:contain}.hero-container>h1{color:#fff;font-size:100px;margin-top:-26px}.hero-container>p,.hero-container>span{margin-top:8px;font-size:32px;color:#fff;font-family:JetBrains Mono,Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.hero-btns{margin-top:16px}.hero-btns .btns-in-hero{margin:6px;font-family:JetBrains Mono,Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.fa-play-circle{margin-left:20px}@media screen and (max-width:960px){.hero-container>h1{font-size:70px;margin-top:-150px}.hero-container>p,Button,span{font-size:26px}}@media screen and (max-width:840px){.hero-container>h1{font-size:50px;margin-top:-100px}.hero-container>p,span{font-size:20px}.hero-btns{margin-top:14px}.btn-mobile{display:block;text-decoration:none}.btn{width:100%}}@media screen and (max-width:470px){.hero-container>p,span{font-size:15px}.hero-btns{margin-top:12px}}@media screen and (max-width:370px){.hero-container>p,span{font-size:10px}}.new-student-form-panel{width:400px;display:flex;justify-self:center;margin-top:20px}.new-student-form-panel .btn{margin-top:10px!important}.form{display:flex;flex-direction:column}.form>:not(:last-child){margin-bottom:10px}.sign-in-container{display:flex;flex-direction:column;padding:64px;align-items:center;justify-content:center}.sign-in-container>.clickable-card:not(:last-child){margin-bottom:40px}.student-page-container{display:flex;flex-direction:column;align-items:center}.content-container{width:100%;padding:64px}.content-h1{margin-bottom:40px}.alert{width:100%}.new-student-container{display:flex;flex-direction:column;align-items:center}@media screen and (max-width:960px){.content-container{padding-left:10px;padding-right:10px}}.prof-email-input{margin-bottom:10px}.prof-password-input{margin-bottom:20px}.page-container{padding:64px}.header-container{justify-content:space-between;width:100%;margin-bottom:64px}.header-container,.header-start-container{display:flex;flex-direction:row;align-items:center}#back-to-selection{margin-top:0!important;margin-left:10px}.course-card-container{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;width:100%}
/*# sourceMappingURL=main.5f5b9549.chunk.css.map */