@font-face {font-family: "font"; src: url("../font/font.ttf");}

body{overflow: hidden; cursor: none; font-family: "font";}
#leftAside{height: 100vh; position: fixed; left: -70%; top: 0; width: 70%;}
#rightAside{height: 100vh; position: fixed; right: -70%; top: 0; width: 70%;}
aside{display: flex; align-items: center; justify-content: center;}
aside>.asideBox{width: 60%; height: 90%; background-color: white; border-radius: 12px;}
/* textBox */
aside>.asideBox>.textBox{text-align: center; margin-top: 30px;}
aside>.asideBox>.textBox>.title{font-size: 48px; font-weight: bold; margin-bottom: 20px;}
aside>.asideBox>.textBox>.description{font-size: 30px; color: #c5c5c5;}
/* techBox */
aside>.asideBox>.techBox{margin-top: 100px; text-align: center;}
aside>.asideBox>.techBox>.title{font-size: 36px; font-weight: bold; margin-bottom: 20px;}
aside>.asideBox>.techBox>.techWrap{display: flex; justify-content: space-around; flex-wrap: wrap; width: 500px; margin: 0 auto;}
aside>.asideBox>.techBox>.techWrap>img{width: 150px; height: 150px; margin-bottom: 20px; border-radius: 6px;}

.spaceMessage{text-align: center; color: red; font-size: 22px; margin-top: 10px;}

#browserAlert{
    display: none;
    position: fixed;
    background-color: black;
    border-radius: 10px;
    color: white;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 250px;
}

#browserAlert>p{font-size: 26px; font-weight: bold;}

/* loading */
.loading{width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background: #fff; opacity: 0.5; z-index: 9999; display: none;}
.loading_img{position: absolute; width: 200px;  height: 200px; left: 50%; transform: translate(-50%, 0); top: 40%;}

/* 1920 * 970 */
/* @media screen and (max-width: 1919px), screen and (max-height: 899px){
    #leftAside{display: none;}
    #rightAside{display: none;}
    #canvas{display: none;}

    #browserAlert{display: flex; align-items: center; justify-content: center;}
} */

/* 1920 * 970 */
@media screen and (max-width: 1439px), screen and (max-height: 730px){
    #leftAside{display: none;}
    #rightAside{display: none;}
    #canvas{display: none;}

    #browserAlert{display: flex; align-items: center; justify-content: center;}
}