@font-face {
    font-family: Goldman-Regular;
    src: url(/fonts/Goldman-Regular.ttf);
}

@font-face {
    font-family: Goldman-Bold;
    src: url(/fonts/Goldman-Bold.ttf);
}

body {
    background-color: rgb(3, 3, 54);
}

.h1a {
    font-family: Goldman-Bold;
    font-size: 80px;
    text-align: center;
    color: rgb(97, 132, 247);
}

.p1 {
    font-family: Goldman-Regular;
    font-size: 20px;
    text-align: center;
    color: rgb(0, 195, 255);
}

.p2 {
    font-family: Goldman-Regular;
    font-size: 10px;
    color: rgb(0, 195, 255);
    margin: auto;
    /* text-align: center;*/
}

.slideshow {
    width: 75vw;
    margin: auto;
    /* Adjust as needed */
    height: 75vw;
    /* Adjust the height */

    overflow: hidden;
    position: relative;
}

.slideshow img {
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 5%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.slideshow img:first-child {
    opacity: 1;
}

/* .footer {
    width: 75vw;
    margin: auto;
} */