@font-face {
    font-family: 'SDSamliphopangche_Outline';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/SDSamliphopangche_Outline.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{
    width : 100vw;
    height : 100vh;
    display: flex;
    font-family: 'SDSamliphopangche_Outline';
    background-image: url('../img/bgi.png')
}
.cont{
    width : 100%;
    height : 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.title-container{
    margin: auto;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.question-container{   
    display: none;
}

.btn{
    width : 400px;
    height:100px;
    margin : 20px;
    background-color: lightgoldenrodyellow;
    color:black;
    border:none;
}
.btn:hover{
    background-color:rgb(231, 241, 189);
}
.score-container{
    position:absolute;
    display: flex;
    flex-direction: column;
    bottom: 5%;
    display: none;
}

.result-container{
    display: none;
}

#result-img{
    width : 50%;
}

#type{
    display: none;
}
.btn:active, .btn:focus {
    outline:none !important;
    box-shadow:none !important;/*importand하는 이유는 우선순위가 부트스트랩이기 때문에 css를 우선순위로 설정해주기 위함.*/
}
#progress{
    margin-top:20px;
}