body{
    background-size: auto;
    background-image: radial-gradient(circle, aliceblue, cornflowerblue, palevioletred, salmon);
}


h1{
    color:pink;
    text-align: center;
    font-family: "Brush Script MT", cursive;
    font-size: 7em;
    text-shadow: 2px 2px #ff0000;
    margin-bottom: 70px;
}

h2{
    text-align: center;
}

.infobox{
    border: 5px solid white;
    width: 500px;
    padding: 50px;
    margin: auto;
    margin-top: 70px;
    text-align: center;
    background-color: blue;
    font-family: 'Courier New', Courier, monospace;
    color: white;

}
.gotobutton{
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: blue;
    margin-top: 70px;
}

.thesisbutton{
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: blue;
    margin-top: 70px;
}

.buttonback{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: blue;
}

.grid{
    display: grid;
    justify-content: space-between;
    grid-template-columns: auto auto auto auto auto;
    grid-template-columns: auto auto auto auto auto;
    row-gap: 90px;
}
.overviewimage{
    width: 200px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);;
}
swiper-container{
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    height: 90%;
    }

swiper-slide{
    text-align: center;
}
.sliderimage{
    height: 100%;
    object-fit: cover;
    display: block;
}

.swiper-button-next{
    margin-right: 200px;
}

.swiper-button-prev{
    margin-left: 200px;
}