*{box-sizing: border-box;}
html{margin:0;padding:0;height:100%;width:100%;}
body{font-family:'Trebuchet MS',sans-serif;background-color:#110000;color:#ffffff;margin:0;padding:0;height:100%;width:100%;position:relative;}

.grad{position:fixed;top:0;left:0;width:100%;height:100px;background: linear-gradient(to bottom, black 30%, rgba(0, 0, 0, 0.5) 90%, transparent);z-index:2;}
.logo {position:fixed;top:0;left:0;z-index:3;}
.logo img {width:100px;border-radius:50%;box-shadow: 5px 5px 2px rgba(0,0,0,0.5);}

.menu{position:fixed;top:0;right:0;z-index:3;display:flex;}
.menu img{width:30px;height:30px;margin:10px;}

.container{max-width:800px;margin:110px auto 0;padding:20px;}
.form { max-width: 600px; margin: 0 auto; padding: 20px; background: rgba(255, 255, 255, 0.1); border-radius: 10px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); }
form label { display: block; margin: 10px 0 5px; font-weight: bold; }
form input, form textarea, form select { width: 100%; padding: 10px; margin-bottom: 15px; border: none; border-radius: 5px; }
form input[type="submit"], form input[type="reset"] { width: auto; background-color: #ffcc33; color: #000; border: none; cursor: pointer; margin-right: 10px; }
form input[type="submit"]:hover, form input[type="reset"]:hover { background-color: gold; }

.foot{text-align:center;padding:50px;}
.foot small{color:#000000;}