/*Comment*/
@import url('https://fonts.googleapis.com/css?family=Lora');
/*
font-family:Lora, Sans Serif;
*/
@font-face{font-family:adamfont; src:url(adamfont.otf);
}

body{
    background-image: url(http://cdn.backgroundhost.com/backgrounds/subtlepatterns/rockywall.png);
    font-size: 22px
}
h1{
    font-family: adamfont;
    font-size: 28px
}
h2{
    font-family:adamfont;
    font-size: 22px;
}
.n {
    border: 1px solid;
    padding: 15px 0px 15px 50px;
    margin-left: 20px;
    background: url(img/poo.png) no-repeat;
    width: 200px;
    background-size: 40px;
}
.n:focus{
    border: 2px solid;
    border-color:azure;
}
#f input[type=checkbox], #f input[type=radio]{
width:30px;
height:30px;
opacity:0;
}
#f input[type=checkbox] + label {
    background: url(img/checkboxes.png) no-repeat;
    background-size: 18px 86px;
    background-position: 8px 6px;
    padding: 0px 0px 0px 45px;
    margin-left: -20px;
}
#f input[type=checkbox]:checked + label {
    background-position: 8px -18px
}
#f input[type=radio] + label {
    background: url(img/checkboxes.png) no-repeat;
    background-size: 18px 86px;
    background-position: 8px -42px;
    padding: 0px 0px 0px 45px;
    margin-left: -24px;
}
#f input[type=radio]:checked + label {
    background-position: 8px -66px;
}
#f select{
    appearance: none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    background: url(img/arrows.png) no-repeat;
    background-size: 23px 23px;
    background-position: 120px 5px;
    padding: 10px;
    width: 150px;
    margin-left: 20px;
    border:solid 1px;
}
#f select:focus{
    border:2px solid;
}
#f textarea{
    width:350px;
    height:150px;
    font-family: sans-serif;
    padding: 10px;
    background-color: floralwhite;
    resize:none;
}
#f input[type=submit], #f input[type=reset]{
    font-family:adamfont;
    font-size:12px;
    cursor:pointer;
    border-radius:7px;
    padding: 10px;
    background-color:azure;
    transition:background-color 0.5s, width 0.5s, color 0.5s;
}
#f input[type=submit]:hover, #f input[type=reset]:hover{
    font-size:12px;
    cursor:pointer;
    border-radius:5px;
    padding:10px;
    background-color:darkgray;
}

]