html {
    background-color: #ff99cc;
    font-family: 'KhwanSansRegular';
    background-image: url(../images/blue032.7.png);
}
main {
    color: #4e0061;
    margin-top: 2%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
h1 {
    font-size: medium;
    font-family: 'KhwanSansLight';
}
h2 {
    font-size: large;
    font-family: 'KhwanSansLight';
}
h3 {
    font-size: xx-large;
    font-family: 'KhwanSansSemibold';
    background-color: rgb(114, 97, 211, .4);
    padding-bottom: 4px;
}
ul {
    display: inline-block;
    text-align: left;
}
details.tbox {
    text-align: center;
}
/*classes*/
.tbox {
    border-style: none none solid solid;
    border-width: 7px;
    border-color: #00ffcc;
    background-color: #8cc7cc;
    padding: 10px;
    margin: 0 0 4px 4px;
    width: 550px;
    text-align: center;
}
.border {
    border-style: none none double double;
    border-width: 7px;
    border-color: #ff99cc;
    background: transparent;
    margin-bottom: 2%;
}
.bottom {
    border-style: none none solid solid;
    border-width: 7px;
    border-color: #00ffcc;
    background-color: #8cc7cc;
    margin: 0 0 4px 4px;
    padding: 5px 5px 0 5px;
}
/*.tybox {
    background-color: rgb(183, 183, 183, .5);
    border-style: solid;
    border-width: 15px;
    border-color: #a6bdcc;
    border-image-source: url(../images/bgs/grey053.jpg);
    border-image-slice: 33%;
    border-image-repeat: stretch;
}*/
/*ids*/
#enter {
    background-image: url(../images/trans_fawn-fig.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 35px;
    margin-bottom: 2%;
}
/*links*/
a.v1:link {
    color: #40e6cc;
}
a.v1:visited {
    color: #40e6cc;
}
a.v1:hover {
    color: #ff99cc;
}
a.v1:active {
    color: #00ffcc;
}
a.v2:link {
    color: #4e0061;
}
a.v2:visited {
    color: #610030;
}
a.v2:hover {
    color: #59dbcc;
}
a.v2:active {
    color: #00ffcc;
}
/*mobile*/
@media  screen and (max-width: 800px) {
    .tbox {
        width: 320px;
    }
    .bottom {
        display: flex;
        flex-direction: column;
    }
}