*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    background-image: url('https://wallpapercave.com/uwp/uwp3721557.jpeg');
    background-size: cover;
}

h1{
    font-size: 1.4rem;
    text-align: center;
    font-style: oblique;
    font-variant: small-caps;
    color: white;
    text-shadow: 4px 1px 3px green;
    display: block;
}

.border1{
    border: 1px solid black;
    width: 400px;
    height: 50vb;
    margin: 1rem auto;
    color: black;
    border: none;
    background: whitesmoke
}

.border1 h2{
    font-family: 'Courier New', Courier, monospace;
    text-align: center;
    padding: 0.5rem;
}

.border1 p{
    font-family: chilanka;
    line-height: 2.7rem;
    margin: 1rem;
}

.border1:hover{
    color: white;
    transition: 0.4s;
    background: green;
    font-style: oblique;
}

.border2{
    border: 1px solid black;
    width: 400px;
    height: 50vb;
    margin: 1rem auto;
    color: black;
    border: none;
    background: whitesmoke
}


.border2 h2{
    font-family: 'Courier New', Courier, monospace;
    text-align: center;
    padding: 0.5rem;
}

.border2 p{
    font-family: chilanka;
    line-height: 2.7rem;
    margin: 1rem;
}

.border2:hover{
    color: white;
    transition: 0.4s;
    background: green;
    font-style: oblique;
    font-family: 'Courier New', Courier, monospace;
}










.border3{
    border: 1px solid black;
    width: 400px;
    height: 50vb;
    margin: 1rem auto;
    color: black;
    border: none;
    background: whitesmoke
}


.border3 h2{
    font-family: 'Courier New', Courier, monospace;
    text-align: center;
    padding: 0.5rem;
}

.border3 p{
    font-family: chilanka;
    line-height: 2.7rem;
    margin: 1rem;
}


.border3:hover{
    color: white;
    transition: 0.4s;
    background: green;
    font-style: oblique;
}