body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:DungGeun;font-weight:400;src:url(/static/media/DungGeunMo.1ebba65b2b010a1e45d7.ttf) format("truetype")}html{-ms-content-zooming:none;-ms-touch-action:pan-x pan-y}body{background-color:#000;font-family:DungGeun;overflow:hidden;-webkit-user-select:none;user-select:none}.draggable{-webkit-user-select:all;user-select:all}.pointer{cursor:pointer}.hovertext{border-bottom:1px dotted #000;position:relative}.hovertext:before{background-color:#000;border-radius:5px;color:#fff;content:attr(data-hover);left:0;opacity:0;padding:5px;position:absolute;text-align:center;top:110%;transition:opacity .3s ease-in-out;visibility:hidden;width:-webkit-max-content;width:max-content;z-index:1}.hovertext:hover:before{opacity:1;visibility:visible}#title{color:#fff;font-size:calc(4vw + 4vh);margin-left:60px;margin-top:14%;transition:2s}.description{color:gray;font-size:calc(2vw + 2vh);margin-left:80px;margin-top:calc(-4vw - 3vh);opacity:0}.show-descrip{opacity:1;transition:2s}#social-tab{bottom:0;display:inline-block;height:40px;left:10px;position:absolute;width:50vw}#social-tab>*{padding:0 10px}.hover-text{color:#fff;height:60px;margin-left:-2px;opacity:0;overflow:auto;position:absolute;top:-20px}.hover-text:hover{opacity:1}a{cursor:pointer}#open_menu{border-radius:20px;height:70px;left:calc(100vw - 100px);padding-top:10px;position:absolute;text-align:center;transition:.5s;width:80px}#open_menu:hover{background-color:#3f3f3f80}.menu{background-color:#141414;height:80vh;margin:0;opacity:0;overflow:hidden;padding:0;position:absolute;right:0;top:0;transition:.5s;width:0}.menu-open{height:100%;opacity:1;right:0;width:300px}.menu>#close_menu{bottom:0;padding-top:10px;position:absolute;right:-100%;text-align:center;transition:0s}.menu-open>#close_menu{border-radius:20px;height:70px;right:calc(100% - 80px);transition:.5s;width:80px}#close_menu:hover{background-color:#3f3f3f80}.menu-sec{color:#fff;font-size:30px;height:80px;line-height:10px;padding-left:5%;padding-top:4px;position:relative;top:20%;transition:.5s;width:100%}.menu-sec>span{margin-left:6%;position:relative;top:-30px}.menu-sec:hover{background-color:#292929;color:gray}#base{height:100vh;margin:0;padding:0;width:100vw}.category{align-items:center;background-color:#1c1c1c;display:flex;height:10vh;justify-content:center;width:100vw}.project_body{height:90vh;width:100vw}.category-item{display:inline-block;display:flex;height:9vh;justify-content:center;margin-left:10px;margin-right:10px;transition:.3s;width:9vh}@media (max-width:800px){.category{height:8vh}.category-item{scale:.8}.project_sec{animation:appearMobile .5s;left:5%;width:90%}.project_sec>.buttons,.project_sec>.descrip{top:calc(40% + 9vw)}.project_sec>.buttons>.btn{height:45px;margin-left:10px;margin-right:10px;width:45px}.share_btn{height:30px;right:10px;top:10px;width:30px}.project_sec>.title{font-size:calc(70% + 3vw)}.project_sec>.platform{font-size:calc(50% + 3vw)}.imgAfter,.imgBefore,.imgNow{scale:1.2}}@media (min-width:800px){.category{height:10vh}.category-item{scale:1}.project_sec{animation:appear .5s;left:20%;width:60%}.project_sec>.buttons,.project_sec>.descrip{top:calc(40% + 9vw)}.project_sec>.buttons>.btn{height:55px;margin-left:20px;margin-right:20px;width:55px}.share_btn{height:40px;right:20px;top:20px;width:40px}.project_sec>.title{font-size:calc(70% + 1vw)}.project_sec>.platform{font-size:calc(50% + 1vw)}}.project_sec{background-color:#0f0f0f;height:80vh;position:absolute;text-align:left;top:15vh;transition:all .2s ease-in-out}.project_sec>.buttons{align-items:center;display:flex;height:60px;justify-content:center;position:absolute;width:100%}.project_sec>.buttons>.btn{background-color:#252525;border-radius:8px}.project_sec>.buttons>.btn:hover{height:60px;width:60px}.project_sec>.buttons>.btn>img{height:100%;transition:all .1s;width:100%}.project_sec>.title{color:#fff;margin-left:3%;margin-top:15px}.share_btn{position:absolute}.share_btn>img{height:100%;width:100%}.project_sec>.platform{color:#00f028;margin-left:3%;margin-top:calc(-18px - .5%)}.project_sec>.descrip{word-wrap:break-word;color:#fff;font-size:18px;position:relative;text-align:center}.project_sec>.imgNow{border:10px solid #0f0f0f;left:25%;top:15%;width:50%;z-index:3}.project_sec>.imgBefore,.project_sec>.imgNow{cursor:pointer;position:absolute;transition:all .3s ease-in-out}.project_sec>.imgBefore{border:5px solid #0f0f0f;filter:opacity(.3) drop-shadow(0 0 0 #000000);left:10%;top:17%;width:45%;z-index:2}.project_sec>.imgBefore:hover{filter:opacity(.3) drop-shadow(0 0 0 #ffffff);top:15%;width:50%}.project_sec>.imgAfter{border:5px solid #0f0f0f;cursor:pointer;filter:opacity(.3) drop-shadow(0 0 0 #000000);position:absolute;right:10%;top:17%;transition:all .3s ease-in-out;width:45%;z-index:1}.project_sec>.imgAfter:hover{filter:opacity(.3) drop-shadow(0 0 0 #ffffff);top:15%;width:50%}.project_sec>.imgNow:hover{border:5px solid #fff;filter:opacity(.8) drop-shadow(0 0 0 #ffffff);left:20%;top:10%;width:60%}.category-item:hover{background-color:gray}.category-item>img{height:60%;margin-top:20%}.category-selected{background-color:#fff;border-radius:10px;height:3px;position:fixed;top:9vh;width:7vh}.arrow{animation:blink-effect 1s infinite;bottom:10%;cursor:pointer;height:50px;opacity:1;position:absolute;width:50px}.arrow:hover{filter:opacity(.3) drop-shadow(0 0 0 #00ffd5);scale:1.1}#ar0{left:calc(50% - 25px)}#ar1{left:calc(50% - 50px)}#ar2{left:50%}@keyframes blink-effect{0%{bottom:10%;opacity:1}50%{bottom:calc(10% - 20px);opacity:.5}to{bottom:10%;opacity:1}}@keyframes appear{0%{left:25%;opacity:0;width:50%}to{opacity:1;width:60%}}@keyframes appearMobile{0%{left:20%;opacity:0;width:60%}to{opacity:1;width:90%}}#error{background-color:red;height:300px;top:20px;width:100vw}#error,#error>h1{position:absolute}#error>h1{color:#fff;font-size:180px;left:10px;top:-100px}#error>span{color:gray;font-size:30px;left:40px;position:absolute;top:200px}.listItem{background-color:#141414;color:#fff;height:100px;padding-left:10px;width:80vw}.listItem:hover{background-color:gray}#list::-webkit-scrollbar{width:6px}#list::-webkit-scrollbar-thumb{background-color:#2f3542;border-radius:10px}#list::-webkit-scrollbar-track{background-color:grey;border-radius:10px;box-shadow:inset 0 0 5px #fff}#list{height:100vh;overflow-y:auto}#name{color:#fff;font-size:calc(4vh - .5vw);white-space:no-wrap}#descrip{color:gray;font-size:calc(3vh - .5vw)}#listlink{text-decoration-line:blink}#lang{color:#adff2f;margin-left:10px}#fork,#lang{font-size:calc(2.8vh - .3vw)}#fork{color:aqua;margin-left:6px}#exit{background-color:#fff;border-radius:10px;bottom:10px;color:#000;height:60px;padding-left:4px;padding-top:4px;position:absolute;right:30px;transition:.2s;width:60px}#exit:hover{background-color:gray}
/*# sourceMappingURL=main.f6d501b0.css.map*/