/* General styles */

html{
    font-size: 100%;
    background: linear-gradient(45deg, #fdfbf7, #ffffff);

}

body{
    padding:0.5rem;
}

a{
    text-decoration: none;
}

h1{
    font-weight: bold;
    font-size: 4rem;
}

h3{
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}
/* header */


header{
    display: block;
    flex-direction: column;
}

header nav{
    width: 100%;
    /* position: ; */
    height: 5rem;
    background-color: rgb(249, 236, 151);
    display:flex;
    justify-content:space-around ;
    align-items: center;
    color: rgb(231, 163, 28);
    border: #fdfbf7 0px solid;
    border-radius: 30px;
    margin: 1rem 0;
    text-shadow:2px 2px 0px rgb(255, 255, 255) ;
}

.lesson{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 1rem;
}

/* body section */
.coming-soon{
    margin: 2rem 0;
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-style: italic;
}



div.seasoncard{
    width: 100px;
    height: 100px;
    border: rgb(0, 0, 0) solid 2px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
}
div.cards{
    width: 100%;
    display:inline-flex;
    gap: 0.5rem;
    justify-content: center;
}

div div.seasoncard{
    box-shadow:5px 5px 0px rgb(115, 94, 94);
}


.website{
    display:flex;
    flex-direction: column;
    justify-self: center;
    align-items: center;
}

.sound{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.music{
    width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: center;
}
/* attributes */
.b{
    font-weight: bold;
}

.center{
    justify-content: center;
}

.ltr{
    direction: ltr;
}