* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.aboreto-regular {
  font-family: "Aboreto", system-ui;
  font-weight: 400;
  font-style: normal;
}

:root { 
    --colorLight1: hsl(31deg 100% 95.77%);
    --colorLight2: hsl(0, 0%, 100%);
    --colorDark1: hsl(0, 0%, 26%);
    --colorDark2: hsl(0, 0%, 15%);
   --ff: "Aboreto", "Comic Sans MS", system-ui; 
    --h1: 900 1rem/1.2em var(--ff);   
} 

/* Global style */
html {
    scroll-behavior: smooth;
}
body {
    text-wrap: balance;
    background: var(--colorLight2);
    font: var(--ff);
    margin: 0;
    /* overflow: hidden; */
}
h1 {
    font: var(--h1);
}
/* --------------------- */

header {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
    /* width: calc(100vw - 15.2px); IDK */ 
    height: 170px; 
    background: var(--colorLight1);
    overflow: hidden;
}

.logo {
    width: 230px;
    height: 90px; 
}

.menuOps {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 400px;
    /* background: red; */
    margin-bottom: 5px; 
}

.menuOps h1 a {
    text-decoration: none;
    color: inherit;
}

.MusicBody {
    background-color: var(--colorLight2);
    height: calc(100vh - 170px); 
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}