@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}

#error {
  color: red;
}

.flex-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

#menu {
    width: 100vw;
    height: 60px;
    background-color: #2522c3;
    color: whitesmoke;
    font-size: 24px;
    padding-left: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#songSelect {
    width: 100vw;
    height: 60px;
    background-color: #4946ff;
    color: whitesmoke;
    border: 0 solid #4946ff;
    border-top-width: 0px;
    border-bottom-width: 2px;
    font-size: 24px;
    padding-left: 16px;
}

#songSelect:focus, #songSelect:active {
    margin: 0;
    padding: 0;
    border: 0 solid #4946ff;
}

#autoPlayButton {
    width: 100vw;
    height: 60px;

    margin-top: 32px;

    background-color: #4946ff;
    color: whitesmoke;
    border: 0 solid #4946ff;
    border-top-width: 2px;
    border-bottom-width: 0px;
    font-size: 24px;
}

#safari {
    width: 100vw;
    height: 60px;
    background-color: rgb(232, 171, 98);
    border: 0;
    color: whitesmoke;
    font-size: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

section {
    margin-left: 16px;
    margin-right: 16px;
}

h3 {
    margin-bottom: 16px;
}

ol {
    margin-left: 32px;
    margin-bottom: 16px;
}