body{font-family:sans-serif}.main-head{height:150px;background:#FFF}.sidenav{height:100%;background-color:#000;overflow-x:hidden;padding-top:20px}.main{padding:0 10px}@media screen and (max-height:450px){.sidenav{padding-top:15px}}@media screen and (max-width:450px){.login-form,.register-form{margin-top:10%}}@media screen and (min-width:768px){.main{margin-left:40%}.sidenav{width:40%;position:fixed;z-index:1;top:0;left:0}.login-form{margin-top:80%}.register-form{margin-top:20%}}.login-main-text{margin-top:20%;padding-left:60px;padding-right:60px;padding-bottom:30px;color:#fff}.login-main-text h2{font-weight:300}.btn-black{background-color:#000!important;color:#fff}.color-nav{background:linear-gradient(90deg,#00a8e1,#007399)!important}