body{
	text-align:center;
    background:#0e1a2d;
    color: white;
}
input{
	padding:10px;
    font-size:18px;
}
.main-box{
    background: linear-gradient(to right, #6cc6dc , #ffc008);
}
.content-box{
    margin-inline-start: -80px !important;
    margin-inline-end: -80px !important;
}

@media only screen and (max-width: 600px){
.content-box {
    margin-inline-start: -30px !important;
    margin-inline-end: -30px !important;
}
}
.mainbtn{
    color:#0e1a2d;
    background: #64ffda;
    border-color:#64ffda;
}


#showguess {
    letter-spacing:5px;
}
.smalltext{
    font-size: 16px;
}
.hide{
	display:none;
}
.box-content{
    min-height:80vh;
}

#remark > img {
    vertical-align: middle;
}
p#remark {
    max-width: 300px;
    text-align: left;
    margin: auto;
}
#result{
    max-width: 300px;
}

footer {
    padding: 15px;
    padding-top: 30px;
}