@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");@import url("https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap");@import url("https://fonts.googleapis.com/css?family=Amatic+SC");.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}::-webkit-scrollbar{width:0.5vmax !important}::-webkit-scrollbar-track{background:white !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, #004c94, #099efa, #099);z-index:9999999}#comment_light{display:block}#comment_dark{display:none}.utterances{max-width:85% !important}#navbar{opacity:0.95 !important}.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);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 .image{max-width:20vmax;margin:auto}#about .image img{border:0.25rem groove black}#about a{min-width:16vmax;margin:0.5rem}#about a:hover{background-color:#242424;color:white}#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, #d3d3d3, #242424, #000);color:transparent;-webkit-background-clip:text;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:black;font:500 normal 3vmax 'tahoma'}#contact #contact-button{margin:0.5rem auto;display:flex;justify-content:center}#contact #contact-button:hover{background-color:#242424;color:white}#contact #contact-button:hover:after{left:0}#contact svg{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:black}#blog .hero-body{padding:3rem 0.25rem 1rem 0.25rem}#blog .container{margin:1.5rem auto}#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{margin:0.5rem !important}#blog #blog-card .content{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{border:none;outline:none;font-weight:500 !important}#search input::placeholder{font-weight:500;color:grey;letter-spacing:0.25rem}#search .button{transition:all 0.25s ease;border:none}#search .button:focus{outline:0.25rem solid white}#footer #backtotop{transition:all 0.25s ease;width:10rem;padding:0.25rem;margin:auto auto 1rem auto}#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 .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}@media (min-width: 768px){#post{margin:auto 2.5vmax}}#post a,#post b{text-decoration:none;color:#099efa}#post span.tag{background-color:#099efa}#post u{text-decoration:none;color:#099efa}#post #title{text-decoration:none}#post .title{margin:auto}#post #post-image{border-radius:0.25rem}#post .subtitle{letter-spacing:0.05rem}#post #description{margin-bottom:1.25vmax}#post .tag{margin:0.15rem auto}#post .content ol,#post .content ul,#post .content blockquote{display:inline-block;color:#004c94}#post .content hr{background-color:grey}#post .content img,#post .content iframe{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 span{font-weight:500}#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:white;transition:all 0.60s ease;color:#242424;z-index:1;font:'tahoma';margin-top:15px;margin-bottom:15px;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:#242424;transition:all 0.3s ease}.adjacent #prev:hover,.adjacent #next:hover{transform:scale(1.03);color:white}.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:#242424;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{z-index:2;position:absolute;top:50%;left:50%;z-index:100}#cv p,#cv ul,#cv ol,#cv strong,#cv th,#cv h1,#cv h2,#cv h3,#cv h4,#cv h5,#cv h6{text-align:center}#cv p,#cv strong{font-size:2.2vmin}#cv tr,#cv th,#cv td{border:none;font-size:2.0vmin}#cv th{font-size:2.5vmin;font-weight:500}#cv hr{margin-top:50px;margin-bottom:50px;padding-bottom:2px;padding-top:2px;background:black}#cvtitle{padding-top:50px;padding-bottom:20px}.highlight table td{padding:5px}.highlight table pre{margin:0}.highlight .cm{color:#999988;font-style:italic}.highlight .cp{color:#999999;font-weight:bold}.highlight .c1{color:#999988;font-style:italic}.highlight .cs{color:#999999;font-weight:bold;font-style:italic}.highlight .c,.highlight .ch,.highlight .cd,.highlight .cpf{color:#999988;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .gd{color:#000000;background-color:#ffdddd}.highlight .ge{color:#000000;font-style:italic}.highlight .gr{color:#aa0000}.highlight .gh{color:#999999}.highlight .gi{color:#000000;background-color:#ddffdd}.highlight .go{color:#888888}.highlight .gp{color:#555555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaaaaa}.highlight .gt{color:#aa0000}.highlight .kc{color:#000000;font-weight:bold}.highlight .kd{color:#000000;font-weight:bold}.highlight .kn{color:#000000;font-weight:bold}.highlight .kp{color:#000000;font-weight:bold}.highlight .kr{color:#000000;font-weight:bold}.highlight .kt{color:#445588;font-weight:bold}.highlight .k,.highlight .kv{color:#000000;font-weight:bold}.highlight .mf{color:#009999}.highlight .mh{color:#009999}.highlight .il{color:#009999}.highlight .mi{color:#009999}.highlight .mo{color:#009999}.highlight .m,.highlight .mb,.highlight .mx{color:#009999}.highlight .sa{color:#000000;font-weight:bold}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .s,.highlight .dl{color:#d14}.highlight .na{color:#008080}.highlight .bp{color:#007bb4}.highlight .nb{color:#0086B3}.highlight .nc{color:#445588;font-weight:bold}.highlight .no{color:#008080}.highlight .nd{color:#3c5d5d;font-weight:bold}.highlight .ni{color:#800080}.highlight .ne{color:#990000;font-weight:bold}.highlight .nf,.highlight .fm{color:#990000;font-weight:bold}.highlight .nl{color:#990000;font-weight:bold}.highlight .nn{color:#555555}.highlight .nt{color:#000080}.highlight .vc{color:#008080}.highlight .vg{color:#008080}.highlight .vi{color:#008080}.highlight .nv,.highlight .vm{color:#008080}.highlight .ow{color:#000000;font-weight:bold}.highlight .o{color:#000000;font-weight:bold}.highlight .w{color:#bbbbbb}.highlight{background-color:#f8f8f8}.pdf-container{margin:2rem auto;max-width:1000px;width:100%;box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:8px;overflow:hidden;background:#f8f8f8;padding:1rem}#pdf-viewer{width:100%;max-height:150vh;overflow:auto}#pdf-viewer canvas{margin:0 auto;display:block}.pdf-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1rem 0;padding:0.5rem;background:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.pdf-controls button{background:#485fc7;color:white;border:none}.pdf-controls button:hover{background:#3449a8}.pdf-controls select{margin-left:1rem}.buttons.is-centered{justify-content:center}.button.is-link.is-outlined{transition:all 0.3s ease}.button.is-link.is-outlined:hover{background-color:#485fc7;color:white}