html {
	user-select: none;
	height: max-content;
	width: 100%;
    height: 100vh;
    overflow: hidden;
}

body {
    background-color: #5f9ea0;
    margin: 0;
    padding: 0;
    height: 100vh;
    width: 100%;
}

.main_content {
    height: 50vh;
    width: 100vw;
}

.timer_text {
    font-size: 5vh;
    text-align: center;
    padding: 10vh 0 5vh;
    font-weight: bold;
}

.timer {
    font-size: 20vh;
    text-align: center;
    font-family: 'YDWbananaslipplus', 'YDW バナナスリップplus', 'sans-serif';
}

.input_t {
    background-color: #c0c0c0;
    border: solid #555 2px;
    border-radius: 5px;
    
}

.btn_pool_genre {
   height: 12vh;
   width: 100vw;
   text-align: center;
}

.btn_now, .btn_clock {
    height: 7vh;
    width: 10vw;
}

.btn_now + .btn_clock {
    margin: 0 0 0 3vw;
}

.btn_pool {
    height: 38vh;
    width: 100vw;
}

.now_pool {
    height: 100vh;
    width: 100vw;
    text-align: center;
}

.inp_txt {
    margin: 3vh 3vw;
}

.now_p_btn, .stop_p_btn {
    height: 5vh;
    width: 7vw;
    background-color: #6ecfd6;
    border: none;
    border-radius: 10px;
}