html{
    background-image: url('./images/background-image.png');
    font-family: roman_font_7;
    text-align: center;
    cursor: url(./cursor/Normal\ Select\ Orange\ Circle.cur), default;
    color: #4e2a01;
}

h1{
    font-size: 50px;
    text-decoration: underline;
}

h2{
    font-size: 40px;
}

button{
    color: #4e2a01;
    font-family: roman_font_7;
    text-align: center;
}

.button1{
    background-color: rgb(255, 187, 103);
    font-size: 40px;
    background-origin: padding-box;
    border: 7px solid rgb(170, 114, 45);
    border-radius: 80px;
    padding: 20px 25px;
    transition-duration: 0.4s;
    cursor: url(./cursor/Move\ Orange\ Circle.cur), default;
}

.button1:hover{
    background-color: rgb(255, 203, 139);
    border: 7px solid rgb(255, 239, 219);
    opacity: 50;
    padding: 20px 35px;
    box-shadow: 0 40px 30px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

@font-face {
    font-family: roman_font_7;
    src: url(./font/roman_font_7.ttf);
}