.textbox {
     padding: 10px 0 10px 10px;
     border: 0;
     font-size: 1.5rem;
     flex: 1;
}

.textbox:active {
     outline: 0;
}
.textbox:focus {
     outline: 0;
}

.button {
     padding: 10px;
     background: var(--t-button-background);
     color: var(--t-button-color);
     font-family: 'Montserrat', sans-serif;
     border: 0;
     font-size: 1.5rem;
     box-shadow: var(--t-button-box-shadow);
     cursor: pointer;
}

.signup {
     border-radius: 20px;
     padding-top: 20px;
}

.input-container {
     display: flex;
     border: var(--t-input-border);
     border-radius: 10px;
     overflow: hidden;
     background: var(--t-input-background);
}

.copyright {
     padding-top: 20px;
     text-align: center;
}

.brand {
     text-align: center;
     font-size: 5rem;
}

@media screen and (max-width: 425px) {
     .brand {
          font-size: 4rem;
     }
}

.logo {
     background: url('../images/tediddle_logo.png');
     background-position: center center;
     background-repeat: no-repeat;
     background-size: contain;
     flex: 2;
     width: 100%;
}

.common {
     text-align: center;
     font-size: 1.5rem;
}

.container {
     display: flex;
     flex-direction: column;
     height: 100vh;
     padding: 20px;
     justify-content: center;
     align-items: center;
}

.top {
     flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
}

.bottom {
     flex: 1;
}