body {padding: 0;border: 0;margin: 0;background-color: #fff;overflow: hidden;}
::-webkit-scrollbar {width: 0;}
::-webkit-scrollbar:horizontal {height: 0;}

#topbar {position: absolute;width: 100vw;height: 7vh;left: 0;top: 0;z-index: 1000;}
#topbar .waves-effect {position: absolute;width: 7vh;height: 7vh;}
.waves-effect img {position: absolute;width: 4vh;height: 4vh;left: 1.5vh;top: 1.5vh;}
#exit {left: 0;top: 0;}
#title {position: absolute;width: calc(100vw - 7vh) !important;height: 7vh;left: 7vh;top: 0;font-size: 2.8vh;display: flex;justify-content: start;align-items: center;}

#email {
    position: absolute;width: 90vw;height: 4vh;left: 4vw;top: 10vh;
    font-size: 2.5vh;padding-left: 1vw;padding-right: 1vw;border: none;border-radius: 0;border-bottom: 2px solid black;
}
#email:focus {border-bottom: 2px solid #81d4fa;box-shadow: 0 1px 0 0 #81d4fa;}
#password {
    position: absolute;width: 90vw;height: 4vh;left: 4vw;top: 17vh;
    font-size: 2.5vh;padding-left: 1vw;padding-right: 1vw;border: none;border-radius: 0;border-bottom: 2px solid black;
}
#password:focus {border-bottom: 2px solid #81d4fa;box-shadow: 0 1px 0 0 #81d4fa;}
#password2 {
    position: absolute;width: 90vw;height: 4vh;left: 4vw;top: 24vh;
    font-size: 2.5vh;padding-left: 1vw;padding-right: 1vw;border: none;border-radius: 0;border-bottom: 2px solid black;
}
#password2:focus {border-bottom: 2px solid #81d4fa;box-shadow: 0 1px 0 0 #81d4fa;}
#code {
    position: absolute;width: 60vw;height: 4vh;left: 4vw;top: 31vh;
    font-size: 2.5vh;padding-left: 1vw;padding-right: 1vw;border: none;border-radius: 0;border-bottom: 2px solid black;
}
#code:focus {border-bottom: 2px solid #81d4fa;box-shadow: 0 1px 0 0 #81d4fa;}
.btn {position: absolute;font-size: 2.5vh;border-radius: 1vh;display: flex;justify-content: center;align-items: center;}
#code_btn {width: 28vw;height: 5vh;right: 4vw;top: 30vh;}
#reset_btn {width: 92vw;height: 5vh;left: 4vw;top: 38vh;}