@import url("https://fonts.googleapis.com/css2?family=Patua+One&display=swap");main{font-family:Patua One,serif;width:100%;height:100vh;background-image:url(../images/bgms.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat}header{height:100px}header,header .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .logo{height:100%;padding:10px 0}header .logo .image img{height:80px;margin:0 2.5px;-webkit-transition:all .5s ease;transition:all .5s ease}header .logo .text{margin-left:5px;-webkit-transition:all .1s ease;transition:all .1s ease}header .logo .text h1{letter-spacing:1px;font-size:20px;font-weight:800;margin:0;color:#000;-webkit-transition:all .5s ease;transition:all .5s ease}header .timeContainer .dateDisplay{font-size:18px;line-height:18px;font-weight:700;text-align:right}header .timeContainer .timeDisplay{font-size:32px;line-height:32px;font-weight:700;text-align:right}section.body{width:100%;height:calc(100vh - 132px)}section.body,section.body .info-student{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section.body .info-student{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}section.body .info-student .image{width:150px;height:150px;background-position:50%;background-size:auto 100%;background-repeat:no-repeat;background-color:#000;border-radius:4px;overflow:hidden;margin-bottom:25px}section.body .info-student .fullname{font-size:42px;line-height:42px}section.body .info-student .nisn{font-size:28px;line-height:28px}section.body #formAjax{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section.body #formAjax img{width:200px;height:200px}section.body #formAjax input{text-decoration:none;color:transparent;background:transparent;border:none}section.body #formAjax input:focus-visible{outline:none}