@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@import url("https://cdn.jsdelivr.net/npm/bulma@0.8.2/css/bulma.min.css");@import url("https://fonts.googleapis.com/css?family=Nanum+Gothic");@import url("https://fonts.googleapis.com/icon?family=Material+Icons+Sharp");.mh_toogle{display:none}.mh_toogle+.mh_toggle_btn{margin-top:0.6em;margin-left:1em;margin-bottom:0.6em;box-sizing:border-box;outline:0;display:block;width:4em;height:2.0em;position:relative;cursor:pointer;user-select:none;border-radius:1.5em;padding:2px;transition:all 0.4s ease;font-size:1em;background:gray}.mh_toogle+.mh_toggle_btn:after{position:relative;display:flex;justify-content:center;align-items:center;width:50%;height:100%;border-radius:50%;transition:all 0.4s ease;color:gray;background:white}.mh_toogle+.mh_toggle_btn:after{left:0;content:"brightness_7"}.mh_toogle:checked+.mh_toggle_btn{background:#000}.mh_toogle:checked+.mh_toggle_btn:after{left:50%;content:"brightness_4"}html,body{font-family:'Poppins', sans-serif;scroll-behavior:smooth !important;transition:all 0.25s ease;background:#242424 !important}::-webkit-scrollbar{width:0.5vmax !important}::-webkit-scrollbar-track{background:#707070 !important}::-webkit-scrollbar-thumb{background:#363636 !important}::-webkit-scrollbar-thumb:hover{background:black !important}::placeholder{font-family:'Poppins', sans-serif}#navbar .navbar-burger span:nth-child(2){left:calc(50%);width:8px}.is-active{font-weight:bold}.columns .button{margin:0.5rem !important}hr{margin:1rem auto;height:1px}.column{margin:auto 0.5rem;padding:0.5rem}.searchResult a .title{text-decoration:underline}.bar{position:fixed;top:0px;left:0px;width:0%;height:5px;background:linear-gradient(to right, #000, coral, salmon, pink) !important;z-index:9999999}#comment_light{display:none !important}#comment_dark{display:block !important}.utterances{max-width:85% !important}#navbar{opacity:0.95}.is-active{font-weight:600}.navbar-dropdown{border:none;right:0;left:auto;background-color:black !important;z-index:2}#navbar-menu{background-color:black !important;z-index:2}a.navbar-item:hover,.navbar-link:hover{background-color:rgba(255,255,255,0.25) !important;color:white !important}a.navbar-item.is-active{background-color:rgba(255,255,255,0.25) !important;color:white !important}a.navbar-item.is-active:hover{background-color:rgba(255,255,255,0.25) !important;color:grey}.navbar-link:not(.is-arrowless)::after{border-color:grey}#hero{background:#000;background:-moz-linear-gradient(0deg, #000 0%, rgba(0,0,0,0.75) 100%);background:-webkit-linear-gradient(0deg, #000 0%, rgba(0,0,0,0.75) 100%);background:linear-gradient(0deg, #000 0%, rgba(0,0,0,0.75) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1)}#hero::before{filter:blur(0.15rem);background-image:url(https://github.com/ramge132/ramge132.github.io/blob/master/custom/%EB%B0%B0%EB%84%88%EC%82%AC%EC%A7%84.png?raw=true) !important;background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;top:0px;right:0px;bottom:0px;left:0px;position:absolute;opacity:0.3;content:""}.title{margin:auto 0.75rem !important}.subtitle{letter-spacing:0.25rem}#about{background-color:#242424 !important;color:White !important}#about .image{max-width:20vmax;margin:auto}#about .image img{border:0.25rem groove white !important}#about a{background-color:#242424;border-color:white;color:white;min-width:16vmax;margin:0.5rem}#about a:hover{background-color:white !important;color:#242424 !important}#about a:hover:after{left:0}#about .sayhello{margin-top:180px}#about .sayhello .waviy{position:relative;-webkit-box-reflect:below -10px linear-gradient(transparent, rgba(0,0,0,0.2));font-size:4vmax}#about .sayhello .waviy span{font-family:'Alfa Slab One', cursive;position:relative;display:inline-block;background:linear-gradient(to bottom, #444, #848484, #fff) !important;color:transparent;-webkit-background-clip:text !important;text-transform:uppercase;animation:waviy 1s infinite;animation-delay:calc(.1s * var(--i))}@keyframes waviy{0%,40%,100%{transform:translateY(0)}20%{transform:translateY(-10px)}}#about .introduce{margin-top:90px;margin-bottom:120px}#about .introduce .word{margin:auto;color:#d3d3d3 !important;font:500 normal 3vmax 'tahoma'}#contact{background-color:#242424}#contact #contact-button{margin:0.5rem auto;display:flex;border-color:white;justify-content:center;background-color:#242424;color:White}#contact #contact-button:hover{background-color:white !important;color:#242424 !important}#contact #contact-button:hover svg{color:#242424 !important}#contact #contact-button:hover:after{left:0}#contact svg{color:White !important;transition:all 0.15s ease-in-out;margin:auto 0.75vmax}#contact svg:hover{transform:scale(1.1);filter:opacity(0.75)}#contact hr{background-color:#fff !important}#contact h3{color:White !important}#blog{background-color:#242424 !important}#blog .hero-body{padding:3rem 0.25rem 1rem 0.25rem}#blog .container{margin:1.5rem auto}#blog .image{background-color:lightgray}#blog #blog-card{transition:all 0.25s ease;margin-bottom:0.5vmax;transform:scale(0.85);margin-right:2.5vmax;margin-left:2.5vmax;line-height:normal;border-radius:0.25rem;-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.1);box-shadow:0px 0px 15px 0px rgba(0,0,0,0.1)}#blog #blog-card:hover{transform:scale(0.875);-webkit-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.25);-moz-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.25);box-shadow:0px 0px 30px 0px rgba(0,0,0,0.25)}@media (max-width: 768px){#blog #blog-card{transform:scale(1);margin-bottom:5vmax !important}#blog #blog-card:hover{transform:scale(1.025);margin-bottom:5vmax !important;-webkit-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.25);-moz-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.25);box-shadow:0px 0px 30px 0px rgba(0,0,0,0.25)}#blog #blog-card .image{padding-top:50% !important}}#blog #blog-card .title{color:lightgray;margin:0.5rem !important}#blog #blog-card .content{color:#747474 !important;margin:0.5rem}#blog #blog-card .column{display:grid}#blog #blog-card .column .image{border-radius:0.25rem;background-position:center;background-repeat:no-repeat;background-size:cover}#search{border-bottom:0.15rem solid}#search input{background-color:black !important;border:none;outline:none;font-weight:500 !important}#search input::placeholder{font-weight:500;color:grey;letter-spacing:0.25rem}#search .button{background-color:black !important;transition:all 0.25s ease;border:none}#search .button:focus{outline:0.25rem solid gray}#footer{background-color:#242424 !important}#footer #backtotop{background-color:#818181 !important;transition:all 0.25s ease;width:10rem;padding:0.25rem;margin:auto auto 1rem auto}#footer #backtotop a{color:black !important}#footer #backtotop:hover{transform:scale(1.05)}#footer .container{margin:auto;padding:1.5rem;line-height:1.25}#footer .container .column{display:grid;justify-content:center}#footer .container .column li{list-style:circle;list-style-position:outside}#footer .container .column a{color:#7a7a7a}#footer .container .column a:hover{color:white}#footer .container .column figure{border:1.5px solid white;border-radius:50rem;justify-content:center;margin:auto;transition:all 0.25s ease}#footer .container .column figure:hover{transform:scale(1.15)}#footer #credits{padding:0.75rem;font-size:0.85rem}#footer #credits a{text-decoration:underline;font-weight:bolder;color:white}#project{background-color:#242424}#project .columns .column{border-radius:0.5rem}#project .columns .column .image{background-position:center;background-repeat:no-repeat;background-size:cover}#project #project-card{-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.1);box-shadow:0px 0px 15px 0px rgba(0,0,0,0.1);transform:scale(0.95);transition:all 0.5s ease;margin-bottom:0.5rem !important;display:inline-table}#project #project-card:hover{transform:scale(0.975)}#project .card{transition:all 0.25s ease}#project .card:hover{background-color:rgba(0,0,0,0.9) !important}#post{background:#242424}@media (min-width: 768px){#post{margin:auto 2.5vmax}}#post u{color:salmon !important}#post a,#post b{text-decoration:none;color:salmon !important}#post blockquote{background-color:#444444 !important}#post span.tag{background-color:salmon !important}#post #title{text-decoration:none}#post .title{color:lightgray !important;margin:auto}#post #post-image{border-radius:0.25rem;background-color:lightgray}#post .subtitle{color:lightgray !important;letter-spacing:0.05rem}#post #description{color:lightgray !important;margin-bottom:1.25vmax}#post .tag{margin:0.15rem auto}#post .content{color:white !important}#post .content ol,#post .content ul,#post .content blockquote{display:inline-block;color:#ffdfb5 !important}#post .content hr{color:White;background-color:#242424}#post .content img,#post .content iframe{background-color:white;max-width:calc(100% - 25vw);margin:0.25rem auto}@media (max-width: 768px){#post .content img,#post .content iframe{max-width:calc(100% - 5vw)}}#post .content ul,#post .content ol{display:inline-block}#post .content h1,#post .content h2,#post .content h3,#post .content h4,#post .content h5,#post .content h6,#post .content strong,#post .content th{color:white}#post .content pre{background:#181818;color:White}#post .container{margin:2.5rem auto;word-break:break-word;max-width:-webkit-fill-available}#post #disqus_thread{margin-top:5vmax}#page-section .content ul,#page-section .content ol,#page-section .content blockquote{display:inline-block}.adjacent{z-index:1;vertical-align:center;height:120px;font-size:3.5vmin}.adjacent #prev,.adjacent #next{background:#242424 !important;transition:all 0.60s ease;color:white !important;z-index:1;font:'tahoma';margin-top:5px;margin-bottom:30px;max-width:70vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adjacent #prev:after,.adjacent #next:after{position:absolute;content:"";width:0;height:100%;top:0;right:0;z-index:-1;background:white !important;transition:all 0.3s ease}.adjacent #prev:hover,.adjacent #next:hover{transform:scale(1.03);color:#242424 !important}.adjacent #prev:hover:after,.adjacent #next:hover:after{left:0;width:100%}.adjacent #prev:active,.adjacent #next:active{top:2px}.anothercat{z-index:1}.anothercat body{display:flex;justify-content:center;align-items:center;min-height:100vh}.anothercat .waviy{margin-top:10px;margin-bottom:50px;position:relative}.anothercat .waviy span{position:relative;display:inline-block;font-size:4.2vmin;color:white !important;text-transform:uppercase;animation:flip 2s infinite;animation-delay:calc(.2s * var(--i))}@keyframes flip{0%,80%{transform:rotateY(360deg)}}.contain_cats{z-index:1;padding-top:20px;padding-bottom:100px}.contain_category{z-index:1;padding-top:40px;padding-bottom:40px}#load{width:100%;height:100%;top:0;left:0;position:fixed;display:block;opacity:0.8;background:white;z-index:99;text-align:center}#load>img{position:absolute;top:50%;left:50%;z-index:100}#cv{color:White !important}#cv ul,#cv ol,#cv strong,#cv th,#cv h1,#cv h2,#cv h3,#cv h4,#cv h5,#cv h6{color:White !important}#cv hr{background:White !important}#cv #btn{background-color:#242424 !important;color:White !important}.highlight table td{padding:5px}.highlight table pre{margin:0}.highlight,.highlight .w{color:#f8f8f2 !important}.highlight .err{color:#272822 !important;background-color:#f92672 !important}.highlight .c,.highlight .ch,.highlight .cd,.highlight .cm,.highlight .cpf,.highlight .c1,.highlight .cs{color:#75715e !important}.highlight .cp{color:#f4bf75 !important}.highlight .nt{color:#f4bf75 !important}.highlight .o,.highlight .ow{color:#f8f8f2 !important}.highlight .p,.highlight .pi{color:#f8f8f2 !important}.highlight .gi{color:#a6e22e !important}.highlight .gd{color:#ff5c97 !important}.highlight .gh{color:#66d9ef !important;background-color:#272822;font-weight:bold}.highlight .k,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kv{color:#ae81ff !important}.highlight .kc{color:#fd971f !important}.highlight .kt{color:#fd971f !important}.highlight .kd{color:#fd971f !important}.highlight .s,.highlight .sb,.highlight .sc,.highlight .dl,.highlight .sd,.highlight .s2,.highlight .sh,.highlight .sx,.highlight .s1{color:#a6e22e !important}.highlight .sa{color:#ae81ff !important}.highlight .sr{color:#a1efe4 !important}.highlight .si{color:#cc6633 !important}.highlight .se{color:#cc6633 !important}.highlight .nn{color:#f4bf75 !important}.highlight .nc{color:#f4bf75 !important}.highlight .no{color:#f4bf75 !important}.highlight .na{color:#66d9ef !important}.highlight .m,.highlight .mb,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .il,.highlight .mo,.highlight .mx{color:#a6e22e !important}.highlight .ss{color:#a6e22e !important}.highlight .nl,.nf{color:#ff8e0d !important;font-weight:bold}.highlight .bp{color:#00c774 !important}.highlight .nb{color:#65ecb4 !important}