body{background-image: url(matrix.gif); background-size: cover; background-position: center; background-repeat: no-repeat; height: 100vh; margin: 0;}

@font-face{font-family: 'Dad'; src: url('./Dad.woff2') format('woff2');}

#pbox{position: fixed; left: 68vh; top: 27vh; width: 55vh; height: 10vh; background-color: rgb(65, 65, 65); border-radius: 1vh;}

#enter{position: absolute; left: 5%; top: -20%; font-size: 5.8vh; font-family: "Dad"; color: white;}

#password_input{position: absolute; left: 68vh; top: 43vh; width: 54vh; height: 7vh; background-color: rgb(65, 65, 65); border-radius: 1vh;
font-size: 4vh; font-family: "Dad"; color: green;}

#password_input:focus{outline: none;}

#sub_button{position: fixed; left: 79vh; top: 58vh; width: 35vh; height: 7vh; background-color: rgb(65, 65, 65); border-radius: 1vh; font-size: 5vh;
font-family: "Dad"; color: green; transition: all 0.2s;}

#sub_button:hover{cursor: pointer; background-color: rgb(82, 82, 82);}

a{position: fixed; right: 6vh; top: 84vh; width: 50vh; height: 10vh; background-color: rgb(65, 65, 65); border-radius: 1vh; transition: all 0.2s;}

a:hover{background-color: rgb(90, 90, 90);}

#back{position: absolute; left: 5%; top: 2%; font-size: 3.7vh; font-family: "Dad"; color: white;}

@media (max-width: 600px){
body{background-image: url(matrix.gif); background-size: cover; background-position: center; background-repeat: no-repeat; height: 100vh; margin: 0; overflow: hidden;}

@font-face{font-family: 'Dad'; src: url('./Dad.woff2') format('woff2');}

#pbox{position: fixed; left: 5.5vh; top: 21vh; width: 40vh; height: 10vh; background-color: rgb(65, 65, 65); border-radius: 1vh;}

#enter{position: absolute; left: 5%; top: -5%; font-size: 4.2vh; font-family: "Dad"; color: white;}

#password_input{position: absolute; left: 5.5vh; top: 37.8vh; width: 39vh; height: 7vh; background-color: rgb(65, 65, 65); border-radius: 1vh;
font-size: 4vh; font-family: "Dad"; color: green;}

#password_input:focus{outline: none;}

#sub_button{position: fixed; left: 10.5vh; top: 52vh; width: 30vh; height: 7vh; background-color: rgb(65, 65, 65); border-radius: 1vh; font-size: 5vh;
font-family: "Dad"; color: green; transition: all 0.2s;}

#sub_button:hover{cursor: pointer; background-color: rgb(82, 82, 82);}

a{position: fixed; left: 18vh; top: 83vh; width: 30vh; height: 7vh; background-color: rgb(65, 65, 65); border-radius: 1vh; transition: all 0.2s;}

a:hover{background-color: rgb(90, 90, 90);}

#back{position: absolute; left: 5%; top: 7%; font-size: 2.3vh; font-family: "Dad"; color: white;}
}