@font-face {
    font-family: 'Lato';
    src: url('assets/lato-black.eot'),
        url('assets/lato-black.woff') format('woff'),
        url('assets/lato-black.ttf') format('truetype');
}
body {
    background-image: url("https://wallpapercave.com/wp/wp2711134.jpg");
    background-size: cover;
}
form {
    background-blend-mode: overlay;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    max-width: 1000px;
    border-radius: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 80px;
    padding-right: 80px;
}
.title {
    display: inline-block
}
div.titlediv {
    text-align: center;
    font-size: 40px;
    font-family: 'Lato';
    color: white;
}
div.calculatorinputdiv {
    text-align: center;
    font-size: 20px;
    font-family: 'Lato';
    color: white;
}
label#attackiv {
    position: absolute;
    left: 325px;
}
label#defenseiv {
    position: absolute;
    left: 623px;
}
label#hpiv {
    position: absolute;
    left: 921px;
}
button {
    margin-top: 10px;
    text-align: center;
    font-size: 30px;
    font-family: 'Lato';
    color: white;
    background-color: #3d4045;
    border-color: #3d4045;
    border-radius: 10px;
    border-style: solid;
}
select {
    font-size: 20px;
    font-family: 'Lato';
    color: white;
    background-color: #3d4045;
}
option {
    font-size: 20px;
    font-family: 'Lato';
    color: white;
    background-color: #3d4045;
}
div.text {
    text-align: center;
    font-size: 20px;
    font-family: 'Lato';
    color: white;
}