@import "https://fonts.googleapis.com/css2?family=Roboto&display=swap";
@import "https://fonts.googleapis.com/css2?family=Oswald&display=swap";
@import "https://fonts.googleapis.com/css2?family=Montserrat&display=swap";
@import "https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap";
@import "https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap";
@import "https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap";
@import "https://fonts.googleapis.com/css2?family=Alumni+Sans+Collegiate+One&display=swap";
@import "https://fonts.googleapis.com/css2?family=Tilt+Neon&display=swap";
@import "https://fonts.googleapis.com/css2?family=Pacifico&display=swap";
@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Display&display=swap";
@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Mono&display=swap";
@import "https://fonts.googleapis.com/css2?family=Noto+Serif+Display&display=swap";
@import "https://fonts.googleapis.com/css2?family=Open+Sans&display=swap";
@import "https://fonts.googleapis.com/css2?family=Poppins&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter&display=swap";
@import "https://fonts.googleapis.com/css2?family=Young+Serif&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap";
@import "https://fonts.googleapis.com/css2?family=Raleway&display=swap";
@import "https://fonts.googleapis.com/css2?family=Pixelify+Sans&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap";
@import "https://fonts.googleapis.com/css2?family=Nunito&display=swap";
@import "https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap";
@import "https://fonts.googleapis.com/css2?family=Ubuntu&display=swap";
@import "https://fonts.googleapis.com/css2?family=Mohave&display=swap";
@import "https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap";
@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";
@import "https://fonts.googleapis.com/css2?family=Anton&display=swap";
@import "https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap";
@import "https://fonts.googleapis.com/css2?family=Lobster&display=swap";
@import "https://fonts.googleapis.com/css2?family=PT+Serif&display=swap";
@import "https://fonts.googleapis.com/css2?family=Rubik+Doodle+Triangles&display=swap";
@import "https://fonts.googleapis.com/css2?family=Rubik+Maps&display=swap";
@import "https://fonts.googleapis.com/css2?family=Seymour+One&display=swap";
@import "https://fonts.googleapis.com/css2?family=Orbit&display=swap";
@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Noto+Serif+KR&display=swap";
@import "https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap";
@import "https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap";
@import "https://fonts.googleapis.com/css2?family=Gothic+A1&display=swap";
@import "https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding&display=swap";
@import "https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap";
@import "https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap";
@import "https://fonts.googleapis.com/css2?family=Jua&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap";
@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR&display=swap";
@import "https://fonts.googleapis.com/css2?family=Sunflower:wght@500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Hahmlet&display=swap";
@import "https://fonts.googleapis.com/css2?family=Gugi&display=swap";
@import "https://fonts.googleapis.com/css2?family=Dokdo&display=swap";
@import "https://fonts.googleapis.com/css2?family=Bagel+Fat+One&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
.roboto{font-family:Roboto,sans-serif}.oswald{font-family:Oswald,sans-serif}.montserrat{font-family:Montserrat,sans-serif}.notosans{font-family:Noto Sans,sans-serif}.notoserif{font-family:Noto Serif,sans-serif}.nanumpenscript{font-family:Nanum Pen Script,cursive}.alumnsanscollegiateone{font-family:Alumni Sans Collegiate One,sans-serif}.tiltneon{font-family:Tilt Neon,sans-serif}.notosansdisplay{font-family:Noto Sans Display,sans-serif}.notosansmono{font-family:Noto Sans Mono,monospace}.notoserifdisplay{font-family:Noto Serif Display,serif}.alumnisanscollegiateone{font-family:Alumni Sans Collegiate One,sans-serif}.opensans{font-family:Open Sans,sans-serif}.poppins{font-family:Poppins,sans-serif}.inter{font-family:Inter,sans-serif}.youngserif{font-family:Young Serif,serif}.robotomono{font-family:Roboto Mono,monospace}.raleway{font-family:Raleway,sans-serif}.pixelifysan{font-family:Pixelify Sans,sans-serif}.robotsblab{font-family:Roboto Slab,serif}.nunito{font-family:Nunito,sans-serif}.playfairdisplay{font-family:Playfair Display,serif}.ubuntu{font-family:Ubuntu,sans-serif}.mohave{font-family:Mohave,sans-serif}.titilliumweb{font-family:Titillium Web,sans-serif}.bebasneue{font-family:Bebas Neue,sans-serif}.anton{font-family:Anton,sans-serif}.dancingscript{font-family:Dancing Script,cursive}.pacifico{font-family:Pacifico,cursive}.lobster{font-family:Lobster,sans-serif}.ptserif{font-family:PT Serif,serif}.rubikdoodletriangles{font-family:Rubik Doodle Triangles,serif}.rubikmaps{font-family:Rubik Maps,serif}.seymourone{font-family:Seymour One,serif}.orbit{font-family:Orbit,sans-serif}.notosanskr{font-family:Noto Sans KR,sans-serif}.notoserifkr{font-family:Noto Serif KR,serif}.nanumgothic{font-family:Nanum Gothic,sans-serif}.nanummyeongjo{font-family:Nanum Myeongjo,serif}.gothica1{font-family:Gothic A1,sans-serif}.nanumgothiccoding{font-family:Nanum Gothic Coding,monospace}.blackhansans{font-family:Black Han Sans,sans-serif}.nanumbrushscript{font-family:Nanum Brush Script,cursive}.jua{font-family:Jua,sans-serif}.dohyeon{font-family:Do Hyeon,sans-serif}.ibmplexsanskr{font-family:IBM Plex Sans KR,sans-serif}.sunflower{font-family:Sunflower,sans-serif}.hahmlet{font-family:Hahmlet,serif}.gugi{font-family:Gugi,sans-serif}.dokdo{font-family:dokdo,sans-serif}.bagelfatone{font-family:Bagel Fat One,sans-serif}
body{color:#fff;background-color:#212121;font-family:Noto Sans,sans-serif;font-size:100%;font-style:normal;font-weight:400;line-height:1}*{box-sizing:border-box;vertical-align:baseline;border:0;outline:none;margin:0;padding:0;text-decoration:none}h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:400}ul,ol,li{list-style:none}button{cursor:pointer;background:0 0}header{background:#212121;width:100%;height:40px;box-shadow:0 5px 5px rgba(0,0,0,.12)}#header{justify-content:space-between;align-items:center;height:100%;padding:10px 20px;display:flex}#header .dot{vertical-align:middle;text-align:center;border-radius:50%;width:15px;height:15px;display:inline-block}#header .dot:first-child{background-color:#f15f5f}#header .dot:nth-child(2){background-color:#fb0;margin:0 10px}#header .dot:nth-child(3){background-color:#47c83e}#header #noteLink{display:flex}#header #noteLink a{color:rgba(255,255,255,.7);margin-right:10px;transition:all .3s;display:block;position:relative;font-size:24px!important}#header #noteLink a svg{vertical-align:middle;transition:all .3s}#header #noteLink a:after{opacity:0;color:#212121;background:#fff;border-radius:5px;padding:5px;font-size:12px;font-weight:700;transition:all .3s;display:block;position:absolute;bottom:-30px;left:0;transform:translate(-10%);box-shadow:0 0 3px 2px rgba(0,0,0,.12)}#header #noteLink a:first-child:after{content:"HTML"}#header #noteLink a:first-child:hover svg{color:#4374d9!important}#header #noteLink a:first-child:hover:after{opacity:1}#header #noteLink a:nth-child(2):hover:after{content:"CSS"}#header #noteLink a:nth-child(2):hover:hover svg{color:#f15f5f!important}#header #noteLink a:nth-child(2):hover:hover:after{opacity:1}#header #noteLink a:nth-child(3):hover:after{content:"JAVASCRIPT"}#header #noteLink a:nth-child(3):hover:hover svg{color:#fb0!important}#header #noteLink a:nth-child(3):hover:hover:after{opacity:1}#header #noteLink a:nth-child(4){margin-right:0}#header #noteLink a:nth-child(4):hover:after{content:"JAVA"}#header #noteLink a:nth-child(4):hover:hover svg{color:#ff5e00!important}#header #noteLink a:nth-child(4):hover:hover:after{opacity:1}#loading{opacity:1;z-index:9999;background:#212121;width:100%;height:calc(100% - 70px);display:none;position:fixed;top:70px}#loading.on{animation-name:loadOff;animation-duration:.5s;animation-delay:.5s;animation-fill-mode:forwards;display:block}.loading_gauge{color:#fff;background:#fff;border:3px solid #fff;border-radius:25px;width:300px;height:50px;padding:5px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.loading_gauge:before{content:"Loading...";font-size:25px;font-weight:700;display:block;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.loading_bar{background:#fff;border-radius:15px;width:100%;height:100%;position:relative;overflow:hidden}.loading_bar:after{content:"";background-color:#212121;border-radius:15px;width:0;height:100%;animation-name:loadOn;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;display:block}@keyframes loadOn{0%{width:0}to{width:100%}}@keyframes loadOff{to{opacity:0;display:none}}footer{z-index:99;background:#212121;border-top:2px solid rgba(255,255,255,.4);width:100%;position:fixed;bottom:0}footer .terminal .tmn_head{justify-content:space-between;padding:10px;display:flex}footer .terminal .tmn_head p{border-bottom:1px solid #fff;padding-bottom:5px;font-size:12px;display:inline-block}footer .terminal .tmn_head .tmn_btn_box button{color:#fff;margin-left:10px;transition:all .3s}footer .terminal .tmn_head .tmn_btn_box button:hover{color:#a566ff}footer .terminal .tmn_head .tmn_btn_box button.on{transform:rotateX(180deg)}footer .terminal .tmn_head .tmn_btn_box button svg{vertical-align:bottom;font-size:16px}footer .terminal .tmn_head .tmn_btn_box button label{cursor:pointer}footer .terminal .tmn_body{height:0;transition:all .3s;display:block;overflow:hidden}footer .terminal .tmn_body .tmn_content{width:100%;height:166px;padding:10px;overflow-y:auto}footer .terminal .tmn_body .tmn_content p{padding-bottom:3px}footer .terminal .tmn_body .tmn_input{justify-content:space-between;width:100%;padding:10px;display:none;position:absolute;bottom:0;left:0}footer .terminal .tmn_body .tmn_input:before{content:"codeditlearn@MacBookAir portfolio %";width:230px;font-size:12px;display:block}footer .terminal .tmn_body .tmn_input #tmnInput{color:#fff;background:0 0;width:calc(100% - 230px);font-size:12px;display:block}footer .terminal .tmn_body.on{height:200px}footer .terminal .tmn_body.on .tmn_input{display:flex}