body{
    background-color: #b978fa;
}

h1{
    padding-left: 0.3em;
    border-left: 0.3em solid rgb(255, 255, 255);
}
h2{
    margin-bottom: 1em;
    font-size: 25px !important;
}

section{
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container{
    width: 90%;
    position: absolute;
}
.container a{
    border-bottom: 2px dotted #fff;
    color: rgb(55, 225, 255);
}
.top p{
    margin-bottom: 1em;
}

.youtube{
    display: flex;
    justify-content: center; 
}
iframe{
    aspect-ratio: 16/9;
    width: 560px;
    height: 315px;
}

@media screen and (max-width: 768px) {
    iframe{
        aspect-ratio: 16/9;
        width: 80%;
        height: auto;
    }
}