@font-face {
    font-family: dark ones;
    src: url("fonts/darkones/Darkones-Regular.ttf");
}

@font-face {
    font-family: belgiano serif;
    src: url("fonts/belgiano_serif/Belgiano\ Serif\ 2.ttf");
}

h1 {
    font-family: dark ones;
    font-size: 35pt;
}

body {
    font-family: belgiano serif;
    background: url(img/bg.gif) repeat;
    background-size: cover;
    color: #bdbdbd;
}

.box{   
    margin-top: 20px;
    background-color: rgba(14, 4, 4, 0.9);
    border-radius: 10px;
    padding: 26px;
    margin: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

textarea, input {

    padding: 10px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 2px solid #555;
    border-radius: 4px;
    background-color: #f8f8f805;
    font-family: belgiano serif;
    font-size: 14pt;
    color: #7e3838;

}

textarea{
    width: 50%;
}

.co{
    margin-top: 20px;
    display: flex;
    justify-content: left;
}

a{
    color: #d40909;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
    text-underline-offset: 5px;
    color: #db4141;
}

.logo{
    border-radius: 50px;
    float:left;
    margin-right: 20px;
}

.header{
    margin-left: 20px;
    margin-top: 20px;
    font-size: 20pt;
}

button{
    font-family: belgiano serif;
    font-size: 20pt;
    border-radius: 15px;
    border: 2px solid #bdbdbd;
    background-color: #6b1010;
    color: #bdbdbd;
}

button:hover{
    font-family: belgiano serif;
    font-size: 20pt;
    border-radius: 15px;
    background: url(img/buttonhvr.jpg);
    background-size: cover;
    color: #ffeeee;
    border-color: #555;
    cursor: pointer;
    border: 2px solid #bdbdbd;
}

footer{
    font-size: 20pt;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.text{
    font-size: 16pt;
}


*{cursor: url(img/darkramscur.cur), auto;}