/* OCCULT - STYLE CSS */

/* COLORS
neon lime #00d900
950 neutral #0a0a0a
gray #737373
gray #d4d4d4
*/
/*
.special-elite-regular {
  font-family: "Special Elite", system-ui;
  font-weight: 400;
  font-style: normal;
}
*/

body{font-family:"Special Elite",system-ui;background-color:#0a0a0a;color:#00d900;margin:0;}
header{display:flex;flex-direction:column;justify-content:center;align-items:center;}
header img{width:75px;padding-top:10px;}
header h1{font-size:27px;}
main{width:90vw;margin-left:5vw;}
hr{background-color:#00d900;border:none;height:2px;}
#warning-head{display:inline-flex;align-content:space-around;justify-content:flex-start;}
#warning-head img{width:50px;}
#warning-head p{font-size:23px;padding:0;}
p{font-size:20px;}
#label{margin-top:30px;padding:0;font-size:21px;}
#prompt{
    margin:0;
    border:3px solid #737373;
    border-radius:5px;
    font-family:"Special Elite",system-ui;
    font-size:16px;
    color:#737373;
    background-color:#d4d4d4;
    background-image:url('images/icon-737373-triangle.svg');
    background-position:3px 3px; 
    background-repeat:no-repeat;
    padding:15px 20px 15px 45px;
}
#submit{
    border:3px solid #00d900;border-radius:15px;
    font-family:"Special Elite",system-ui;font-size:18px;
    background-color:#0a0a0a;color:#00d900;padding:5px;
    margin-top:10px;margin-bottom:0px;
}
#submit:hover{cursor:pointer;font-weight:bold;}
#response-area{height:100px;}
#reset{display:none;justify-content:start;padding:50px 0 30px 0;}
#reset img{width:50px;}


@media only screen and (max-width: 500px) and (orientation: portrait) {
	header img{width:50px;padding-top:5px;}
    header h1{font-size:25px;}
    .ext-header{display:none;}
    #warning-message{display:none;}
    #reset{padding-top:150px;}
}