*{
    font-family: 'Inter', sans-serif;
}

#container{
    display:none;
    transform:scale(0);
    transition:transform 0.5s ease;
}

#loader{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}

body{
    padding:2rem;
    background-color:#46494c;
    color:#dcdcdd;
}

h1{
    padding:0;
    margin:0;
}

p{
    color:#c5c3c6;
}

.left{
    width: 50%;
    float:left;
    font-size:24px;
}

.results{
    background-color:#6f7478;
    width:fit-content;
    padding:10px;
    border-radius:16px;
}

.results p{
    padding:0;
    margin:0;
}

.results b{
    color:white;
}

.right{
    float:right;
    width:calc(50% - 3rem);
    height:80vh;
    padding:1rem;
    background-color:#dcdcdd;
    border-radius:16px;
}

.left span{
    background-color:#6f7478;
    border-radius:4px;
    border:0px;
    color:white;
    font-weight:bold;
    width:100px;
    text-align:right;
    padding:3px;
}