body{
    font-family: Calibri;
    font-weight: bold;
}

h1{ font-size: 300%;
    text-align: center;
    margin-top: 1%;}

a {
    position: absolute;
    margin-top: 1vh;
    left: 2vw;
    font-size: 3vmin;
    color: black;
}

h2{ font-size: 200%;
    cursor: pointer;
    position: absolute;
    top: 7.5%;
    left: 25%;
    transform: translate(-50%, -50%);
    color: blue;
    border: 2px solid black;
background-color: rgb(200, 200, 200);}

button{
    cursor: pointer;
}

#div1{font-size: medium;
    position: absolute;
    top: 18%;
    left: 25%;
    transform: translate(-50%, -50%);
}

#img1{ cursor: pointer; 
    position: absolute;
    top: 22%;
    width: 45vw;
    max-width: 80vh;
    left: 25%;
    transform: translateX(-50%);}

h3{ font-size: 200%;
    cursor: pointer;
    position: absolute;
    top: 7.5%;
    left: 75%;
    transform: translate(-50%, -50%); 
    color: rgb(255, 0, 255);
    border: 2px solid black;
    background-color: rgb(200, 200, 200);}

#div2{font-size: medium;
    position: absolute;
    top: 18%;
    left: 75%;
    transform: translate(-50%, -50%);
}

#img2{ cursor: pointer;
    position: absolute;
    top: 22%;
    width: 45vw;
    max-width: 80vh;
    right: 25%;
    transform: translateX(50%);
}

footer {
    position: absolute;
    bottom: 1vh;
    left: 50vw;
    transform: translateX(-50%);
    font-size: 2vmin;
}