body {
    transition: opacity 0.5s ease-in-out;
}

.fade-out {
    opacity: 0;
}

nav ul {
    display: flex;
    justify-content: center;
}

nav ul li {
    list-style: none;
    margin: 0 23px;
    transition: opacity 0.5s ease-in-out;
}

nav ul li a {
    text-decoration: none;
    color: white;
}

.fade-out {
    opacity: 0;
}

nav ul li a:hover {
    color: rgb(153, 153, 226);
    font-size: 1.025rem;
}

.left {
    font-size: 1.5rem;
}

.firstSection {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 120px 0;
    flex-wrap: wrap;
}

.firstSection>div {
    width: 40%;
}

.leftSection {
    font-size: 3rem;
    margin: 30px 0;
}

.rightSection img {
    width: 80%;
}

.rightSection div {
    width: 30%;
}

.gold {
    color: gold;
}

#element {
    color: gold;
}

@media (max-width: 768px) {
    .firstSection>div {
        width: 100%;
        text-align: center;
    }

    .leftSection {
        font-size: 2rem;
    }

    .rightSection img {
        width: 100%;
    }
}