/*
// Google font
font-family: 'Source Code Pro', monospace;
font-family: 'Kalam', cursive;
font-family: 'Boogaloo', cursive;
font-family: 'VT323', monospace;
font-family: 'Ceviche One', cursive; 
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400&family=Roboto+Mono&display=swap');

*{
    margin: 0;
}

.prevent-select {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

body{
    font-family: 'Boogaloo', cursive;
    background: #ADA996;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */  
    height: 100vh;
    overflow: hidden;
}
footer{
    width: 100%;
    background-color: #333;
    color: #EEE;
    text-align: center;
    padding: 1em;
}
footer img{
    width: 30px;
    background-color: #EEE;
    padding: 2px;
    border-radius: 4px;
}
.menuInfo{
    min-height: 80vh;
}
#optionBtn{
    cursor: pointer;
}
header{
    background: -webkit-linear-gradient(to left, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #DBDBDB;
}
.slide{
    position: absolute;
    background-color: rgb(255, 255, 255);
    left: 0;
    right: 0;
    bottom: 0;
    top: 100%;
    z-index: 10;
    box-shadow: #444 1px 0 6px 2px;
    transition: .2s ease;
    opacity: 0;
}
.slideIn{
    opacity: 1;
    top: 48px;
}
.menuCard{
    font-family: 'Kalam', cursive;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    border: none;
}
div button{
    width: 120px;
    margin: 5px auto;
    cursor: pointer;
    border: none;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
#current-word{
    /* font-family: 'Source Code Pro', monospace; */
    /* font-family: 'VT323', monospace; */
    font-family: 'Roboto Mono', monospace;
    font-size:2.5rem;
    font-weight:400;
    line-height:3;
}

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

    margin-top: 80px;
}

.word {
    font-family: 'Roboto Mono', monospace;
    font-size:4.5rem;
    font-weight:400;
    line-height:1.2;   
}

.udmb-3 {
    margin-bottom:1rem!important;
}

.intro2 {
    font-family: 'Noto Sans KR', sans-serif;
}