body {margin: 0px; background: #99cd00; color: white; font-family: 'roboto', Verdana, Arial, sans-serif; font-size: 21px;}
body:after {display: none; content: url(/img/done2.png), url(/img/del2.png);}
body * {outline-color: #C6FF00;}
a {text-decoration: none; color: white; transition: color linear 0.25s;}
a:hover {color: #C6FF00;}
a.noStyle {text-decoration: underline;}
p {margin: 0px;}
h1 {margin: 5px 0px 10px 0px; font-weight: 300; font-size: 40px;}
h2 {font-weight: 400; margin: 0px 0px 10px 0px;}
input, select, textarea {font: 16px Arial; padding: 8px 10px; outline: none; border: 1px solid #A0A0A0; box-sizing: border-box; margin: 2px; background: white; color: #505050;}
input[type=button], input[type=submit] {cursor: pointer; background: #5b5b5b; color: white; border: 1px solid #5b5b5b; transition: color linear 0.25s, background linear 0.25s, border linear 0.25s;}
input[type=button]:hover, input[type=submit]:hover {background: white; color: #505050; border-color: #A0A0A0;}
textarea {width: calc(100% + 4px); max-width: 404px;}
section {padding: 20px; margin: 10px 5px;}
section:not(.noStyle) {text-align: left; background: #90c200; box-shadow: 3px 3px 20px rgba(0,0,0,0.1); display: inline-block; width: 45%; box-sizing: border-box; max-width: 430px; vertical-align: top; overflow: hidden; transition: width linear 0.25s;}
section:not(.noStyle) p, section:not(.noStyle) li {line-height: 1.5;}
section.width {width: auto; max-width: none;}
.center {text-align: center !important;}
.content {padding: 100px 20px 20px 20px; text-align: center;}
::selection {color: white; background: #99cd00;}
input[type=file]::-webkit-file-upload-button {cursor: pointer;}

header, .header {padding: 20px; background: #90c200; clear: both; position: fixed; top: 0px; width: 100%; box-sizing: border-box; box-shadow: 3px 3px 20px rgba(0,0,0,0.1); z-index: 99;}
.header {opacity: 0; position: static;}
.left, .right {display: inline-block;}
.left span {color: #C6FF00;}
.right {float: right;}
.menu {list-style: none; margin: 0px; padding: 0px;}
.menu li {display: inline-block;}
.menu li a {padding: 4px 10px 6px 10px; border-radius: 7px; transition: color linear 0.25s, background linear 0.25s;}
.menu li a:hover {color: #94c700; background: white;}

.search {display: block; margin: 0px auto;}
.google {display: block; margin: 0px auto; height: 130px;}
.search input {width: 90%; max-width: 700px; box-shadow: 3px 3px 20px rgba(0,0,0,0.1);}
::-webkit-input-placeholder {color: #BBB;}
::-moz-placeholder {color: #BBB;}
:-ms-input-placeholder {color: #BBB;}
:-moz-placeholder {color: #BBB;}

.notes {margin-bottom: 10px;}
.txt {width: 78%;}
.submit {width: 19%; min-width: 73px;}
.note {position: relative;}
.note p {display: inline-block; padding-right: 30px;}
.del {margin: 5px; position: absolute; right: 0px; height: 20px; width: 20px; cursor: pointer; top: 0px; background-image: url(/img/done2.png); background-image: url(/img/done.png); background-size: 100%; background-repeat: no-repeat; background-position: 0px 50%; transition: background linear 0.15s;}
.del:hover {background-image: url(/img/done2.png);}

.file {position: relative; overflow: hidden; box-sizing: border-box; margin-bottom: 10px;}
.fileUpload {cursor: pointer; display: inline-block; width: 78%; margin: 2px; position: relative;}
.fileInput {position: absolute; opacity: 0; z-index: 2; cursor: pointer; width: 100%; top: 0px; margin: 0px;}
.textInput {position: relative; width: 100%; box-sizing: border-box; margin: 0px;}
.delFile {background-image: url(/img/del2.png); background-image: url(/img/del.png);}
.delFile:hover {background-image: url(/img/del2.png);}

.radar {max-width: 810px; position: relative; margin: 0px auto; margin-top: 30px;}
.radar-frame {position: absolute; top: 0; left: 0; display: none; opacity: 0.7;}
.radar-frame.active {display: block;}
.point-cross {position: absolute; width: 21px; height: 21px; margin: -10px; top: 50.4%; left: 35.3%;}

.mailer input:not([type=submit]), select {width: 50%; max-width: 200px;}

.login input[type=submit] {margin-top: 8px;}

.edits, .coinmate {margin-top: 30px;}
.coinmate a {text-decoration: underline;}
.state {padding: 10px; background: #90C200; position: fixed; z-index: 5; bottom: 10px; left: 10px; display: none;}

@media (max-width: 1000px) {
    section:not(.noStyle) {width: 99%;}
}
@media (max-width: 650px) {
    header {text-align: center; padding: 10px;}
    .right {float: none; display: block; margin: 10px;}
    .menu li {margin: 5px 0px;}
}
@media (max-width: 500px) {
    section:not(.noStyle) {padding: 10px;}
    .txt, .fileUpload, .fileInput {width: 100%;}
    .submit {display: block;}
}

@font-face {font-family: "roboto"; font-weight: 100; src: url("/font/roboto/roboto100.ttf");}
@font-face {font-family: "roboto"; font-weight: 200; src: url("/font/roboto/roboto200.ttf");}
@font-face {font-family: "roboto"; font-weight: 300; src: url("/font/roboto/roboto300.ttf");}
@font-face {font-family: "roboto"; font-weight: 400; src: url("/font/roboto/roboto400.ttf");}
@font-face {font-family: "roboto"; font-weight: 500; src: url("/font/roboto/roboto500.ttf");}
@font-face {font-family: "roboto"; font-weight: 600; src: url("/font/roboto/roboto600.ttf");}
@font-face {font-family: "roboto"; font-weight: 700; src: url("/font/roboto/roboto700.ttf");}
@font-face {font-family: "roboto"; font-weight: 800; src: url("/font/roboto/roboto800.ttf");}
@font-face {font-family: "roboto"; font-weight: 900; src: url("/font/roboto/roboto900.ttf");}