body {
  width: 100%;
  min-height: 100vh;
  margin: 0;
  overflow: hidden;
  background-color: black;
  display: grid;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.top-box {
    border-radius: 7px 7px 0px 0px;
}

.top-right {
    border-radius: 0px 7px 0px 0px;
}

.bottom-box {
    border-radius: 0px 0px 7px 7px;
}

#interactionBar {
    display: grid;
    width: 75%;
    height: 25%;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(3, 1fr);
    place-self: center;
    gap: 0px;
    font-size: 36px;
}
    
#url {
    grid-column: 1 / span 9;
    background-color: #2b2a33;
    outline-color: transparent;
    border-color: transparent;
    color: #a1a1a1;
    font-size: 125%;
}

#formats {
    grid-column: 1 / span 9;
    grid-row-start: 2;
    background-color: #181a1b;
    outline-color: transparent;
    border-color: transparent;
    color: #a1a1a1;
    font-size: 125%;
}

#download {
    grid-column: 1 / span 9;
    grid-row-start: 3;
    background-color: #125559; 
    border-color: transparent;
    outline-color: transparent;
    color: #a1a1a1;
    font-size: 125%;
}

#progress {
    grid-column: 5 / 5;
    place-self: center;
    color: white;
    font-size: 125%;
}