::-moz-selection{color:#fff;background:#f10303}::selection{color:#fff;background:#f10303}html{scroll-behavior:smooth}body{margin:0;width:100%;height:97vh;font-family:'Nanum Myeongjo', serif;background:#011b29;color:#fff}a{text-decoration:none;color:#f0810f}.header{position:fixed;margin:0;padding:0;background:#063852;color:#fff;width:100%;z-index:1000}.header h1{margin:0;padding:0;padding-left:7px;font-size:4.35rem;display:inline}.header nav{display:inline}.header nav ul{padding:0 0 2px;margin:0;margin-top:2rem;text-align:right;float:right;font-size:1.75rem}.header nav ul li{display:inline;list-style:none}.header nav a:hover{color:#ffb388;border-bottom:solid #e6df44;-webkit-transition:0.2s ease-in-out;transition:0.2s ease-in-out}.container{width:100%}.container p{margin:0}.container img{height:auto;border:solid 1px #e6df44}.container .skillImg{width:7rem;height:auto}.container .desktopImg{width:50rem;height:auto}.container .mobileImg{width:25rem;height:auto}.container a:hover{color:#ffb388;-webkit-transition:0.2s ease-in-out;transition:0.2s ease-in-out}.top{padding-top:5rem;text-align:center}.top p{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow:hidden;border-right:0.15em solid #235ecc;white-space:nowrap;margin:0 auto;letter-spacing:0.15em;-webkit-animation:typing 7s steps(60, end),blink-caret 0.75s step-end infinite;animation:typing 7s steps(60, end),blink-caret 0.75s step-end infinite}@-webkit-keyframes typing{from{width:0}to{width:36%}}@keyframes typing{from{width:0}to{width:36%}}@-webkit-keyframes blink-caret{from,to{border-color:transparent}50%{border-color:#e6df44}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:#e6df44}}.about_intro{text-align:center}.box{width:100%;height:50%}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}#front-panel,#backend-panel{display:-ms-grid;display:grid;-ms-grid-columns:auto auto auto auto auto auto;grid-template-columns:auto auto auto auto auto auto}#front-panel .item,#backend-panel .item{margin:0;text-align:center;border:dotted #e6df44}#devops-panel{-ms-grid-columns:auto auto auto auto auto auto;grid-template-columns:auto auto auto auto auto auto}#devops-panel .item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;text-align:center;border:dotted #e6df44}@-webkit-keyframes fade{from{opacity:.4}to{opacity:1}}@keyframes fade{from{opacity:.4}to{opacity:1}}.dot,.imgDot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:#fa6775;border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.dot:hover,.imgDot:hover{background-color:#ffb388}.active{background-color:#d09683}.contact{background:#0d0441;margin:0;padding-top:17.5rem;padding-bottom:17.5rem}.contact p{margin-left:auto;margin-right:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center}.contact .contact-text{font-size:2rem;color:#fff}