body{
    background-color: rgba(234, 234, 234, 0.789);
    border-radius: 20px;
}

.example{
    color: black;
    align-items: center;
    text-align: center;
}

.content{
    width: 96%;
    border: 10px double rgb(10, 35, 61);
}

h1{
    background-color: rgb(10, 35, 61);
    color: white;
    width: 90%;
    margin-left: 5%;
    padding: 2rem 0 2rem 0;
    border-radius: 20px;
}

.smallImg{
    width: 45%;
    max-width: 400px;
}

.largeImg{
    width: 75%;
    max-width: 600px;
}

.goBack{
    background-color: transparent;
    border: 1px solid black;
    border-radius: 20px;
    color: black;
    font-weight: bold;
    padding: 0.5em 1.5em 0.5em 1.5em;

    transition: transform 0.3s, background-color 0.3s, color 0.3s;
}

.goBack:hover{
    background-color:rgb(10, 35, 61);
    color: white;
    border-radius: 20px;
    font-weight: bolder;
    transform: translateY(10px);
}

p{
    width: 75%;
    margin-left: 12.5%;
}

.link{
    width: 10%;
    filter: grayscale(100) invert(1);
}