.main-body{
    text-align: center;
    padding-bottom: 3vh;
}

.slides-body {
    overflow: hidden;
    margin: 0;
}

.slideshow-container {
    padding-top: 1vh;
    padding-bottom: 1vh;
    max-width: 50%;
    position: relative;
    margin: auto;
    overflow: hidden;
}

.slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }

.slide {
    min-width: 100%;
    overflow: hidden;
}

.slide img {
    width: 100%;
    height: auto;
}

.text {
    bottom: 8px;
    width: 100%;
    
}

.slide-navigation {
    text-align: center;
    margin-top: 10px;
    padding-bottom: 1vh;
}

.slide-nav-button {
    background-color: white;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 5px;
    transition: background-color 0.3s
}

.slide-nav-button.active {
    background-color: darkslategray;
}

.slide-nav-button:hover {
    background-color: darkgrey;
}

.main-socials a{
    color: transparent;
}

.main-socials img{
    min-width: 16px;
    max-width: 64px;
    padding-left: 5px;
    padding-right: 5px;

}