@font-face { font-family:fr; src: url('FRADMCN.TTF'); }
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

html { width:100vw; height:100vh; overflow:hidden; background-color:black; }

body { position:fixed; padding:0; margin:0; width:100vw; height:100vh; background-color:black; overflow:hidden;
	font-family:fr; color:white; font-size:30px; overscroll-behavior:none; }

#appcontainer { position:absolute; height:100%; width:100%; max-width:57vh; left:50%; transform:translateX(-50%); background-color:black; }

#main { position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; overflow:hidden; overscroll-behavior:none; }

#back { position:absolute; height:100vh; top:0; left:50%; transform:translateX(-50%); }
#logo { position:absolute; width:70%; top:10px; left:50%; transform:translateX(-50%); }
#team { position:absolute; width:100%; bottom:-35px; left:0; }

#chcontainer { position:absolute; width:100%; height:140px; bottom:0; left:0; }
#character { position:absolute; height:100%; }

#searchbox { position:absolute; width:90%; top:150px; left:5%; margin:0; padding:0; background-color:rgba(0,0,0,0.4);
	font-family:fr; color:white; text-align:center; font-size:30px; line-height:50px;
	border-top:3px solid rgba(100,100,100,0.8); border-bottom:3px solid rgba(100,100,100,0.8); }
#searchbox:focus { outline:none; }

#results { position:absolute; width:100%; line-height:30px; top:250px; left:0; height:50%; color:white;
			text-align:center; font-size:60px; overflow-y:scroll; }
.result { position:relative; width:100%; height:64px; margin-bottom:10px; border-top:1px solid rgba(150,150,150,0.8); border-bottom:1px solid rgba(150,150,150,0.8);
			background-color:rgba(0,0,0,0.4); font-size:30px; }
.season { position:absolute; left:2%; top:2px; width:15%; height:50%; color:orange; }
.ep { position:absolute; left:2%; bottom:2px; width:15%; height:50%; color:deepskyblue; }
.text { display:flex; position:absolute; right:2%; top:0; width:80%; height:100%; text-align:left; align-items:center; font-size:20px; line-height:20px; overflow-wrap:anywhere; overflow:hidden; }

#details { position:absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.7); }
#ddiv { position:absolute; width:100%; height:300px; top:25%; left:0; border-top:3px solid white; border-bottom:3px solid white; background-color:rgba(0,0,0,0.7); }
#dep { position:absolute; width:100%; height:36px; left:0; padding-left:8px; border-bottom:3px solid white; font-size:30px; line-height:36px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#dtxt { display:flex; position:absolute; height:235px; width:90%; top:50px; left:5%; text-align:left; font-size:20px; line-height:20px; overflow-y:scroll; overflow-wrap:anywhere; }
#dtxt p {height:100%; margin:0; padding:0; }

#fail { position:absolute; width:100%; bottom:10%; left:0; border-top:3px solid white; border-bottom:3px solid white;}