* {
    margin: 0;
}

::-webkit-scrollbar { 
    display: none; 
}

body {
    background-color: #A9E4DE;

    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: stretch;
}

.Showcase {
    width: 100%;
    min-height: 100vh;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#Title {
    position: relative;
    top: -6%;

    font-size: 40px;
    background: linear-gradient(to bottom, #A9E4DE 60%, #ECC0B1 40%);

    z-index: 1;
}

#Console {
    width: 350px;
    height: 500px;

    border: solid;
    border-radius: 15px;

    background-color: #ECC0B1;
    box-shadow: 0 7.5px 30px 1px #504b4b86;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#Screen {
    width: 100%;
    height: 350px;

    position: relative;
    top: -5%;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#InputSpace {
    width: 100%;
    height: 150px;

    border-top: solid;

    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.InputsHolder {
    height: 70%;
    width: 100%;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    overflow: hidden;
}

#Bets {
    width: 99%;
    height: 70%;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    overflow: hidden;
}

#Bet {
    width: 70%;
    height: 100%;

    resize: none;

    margin-top: 1%;
    outline: 0;
}

#SystemBox {
    width: 30%;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;

    overflow: hidden;
}

#betLength {
    width: 90%;
}


.Buttons {
    height: 30%;
    width: 100%;

    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.Simulations {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
}

#Checkbox {
    width: 100%;
    height: 10%;

    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center; 
}

input#Start {
    height: 85%;
    width: 45%;

    outline: 0;

    border-width: 2px;
}