@import url(https://fonts.googleapis.com/css2?family=Play&display=swap);@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&family=Indie+Flower&family=Nunito:ital,wght@0,200;0,800;1,600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap);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}.App{display:flex;flex-direction:column;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background-color:#1e2333;z-index:3}#divmain{height:95vh;margin-top:5px}#name{font-size:64px}#desc{font-family:Nanum Gothic,sans-serif}#namelight{color:red}.btn{border-radius:5px}#buttonref button{margin:3% 1.5%}#imgme{animation-duration:2.5s;animation-iteration-count:infinite;animation-name:pic;animation-timing-function:linear;background:#1e2333;border-radius:25%;box-shadow:3px 3px 9px #0c0e14,-3px -3px 9px #303852;height:400px;margin-left:18%;margin-top:22vh;width:400px}#divmain{display:flex;flex-direction:row}#det{align-items:left;color:#fff;margin-left:10%;margin-top:22vh;width:30%}.resume{margin:5% 0}#name{color:#fff;font-family:Nanum Gothic,sans-serif}.sub{color:#fff;font-family:Nunito,sans-serif}@media screen and (max-width:800px){#divmain{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#imgme{border-radius:25%;height:230px;margin:5vh auto 0;width:230px}#det{margin-left:auto;margin-right:auto;margin-top:6vh;width:97%}#det h5{font-size:18px}#name{font-size:35px}}@keyframes pic{0%{box-shadow:1px 1px 2px #0c0e14,-1px -1px 2px #303852}15%{box-shadow:2px 2px 4px #0c0e14,-2px -2px 4px #303852}25%{box-shadow:3px 3px 6px #0c0e14,-3px -3px 6px #303852}35%{box-shadow:4px 4px 8px #0c0e14,-4px -4px 8px #303852}50%{box-shadow:5px 5px 10px #0c0e14,-5px -5px 10px #303852}65%{box-shadow:4px 4px 8px #0c0e14,-4px -4px 8px #303852}75%{box-shadow:3px 3px 6px #0c0e14,-3px -3px 6px #303852}85%{box-shadow:2px 2px 4px #0c0e14,-2px -2px 4px #303852}99%{box-shadow:1px 1px 2px #0c0e14,-1px -1px 2px #303852}}nav{background-color:initial}.navbar-dark .navbar-nav .nav-link{box-shadow:2px 2px 4px #0c0e14,-2px -2px 4px #303852}.navbar-nav .nav-link{margin:.5rem 1rem;padding:.3rem .7rem}.navbar-nav .nav-link:hover{box-shadow:2px 2px 4px #0c0e14,-2px -2px 4px #303852;text-decoration:none;transition-delay:.1s;transition-duration:.1s}.navbar-nav .nav-link:visited{text-decoration:none}.bg-dark{background-color:#1e2333!important}#Head{font-family:Play,sans-serif}.navbar-dark .navbar-toggler{animation-duration:2.5s;animation-iteration-count:infinite;animation-name:navicon;animation-timing-function:linear;background:#1e2333;border-radius:5px;box-shadow:2px 2px 4px #0c0e14,-2px -2px 4px #303852;outline:none!important}@keyframes navicon{0%{box-shadow:1px 1px 2px #0c0e14,-1px -1px 2px #303852}15%{box-shadow:2px 2px 4px #0c0e14,-2px -2px 4px #303852}25%{box-shadow:3px 3px 6px #0c0e14,-3px -3px 6px #303852}35%{box-shadow:4px 4px 8px #0c0e14,-4px -4px 8px #303852}50%{box-shadow:5px 5px 10px #0c0e14,-5px -5px 10px #303852}65%{box-shadow:4px 4px 8px #0c0e14,-4px -4px 8px #303852}75%{box-shadow:3px 3px 6px #0c0e14,-3px -3px 6px #303852}85%{box-shadow:2px 2px 4px #0c0e14,-2px -2px 4px #303852}99%{box-shadow:1px 1px 2px #0c0e14,-1px -1px 2px #303852}}#main{margin:5% auto!important}#head{margin-top:3%;text-align:center!important}.maindiv{background-color:#1e2333c4!important;background:#1e2333c4;flex-direction:row!important;margin:1.5% auto!important}.content-div{width:30%}@media (max-width:700px){.maindiv{border-radius:10px;flex-direction:column!important;margin:4% auto;width:90%}.content-div,.img-div{margin:2% auto;width:90%}}#main{margin:5% auto}#head{color:#fff;font-family:Comfortaa,cursive;margin-bottom:5%}.maindiv{background-color:#3a415e;background:#1e2333;border-radius:10px;box-shadow:3px 3px 9px #0c0e14,-4px -3px 9px #303852;margin:3%;width:80vw}.maindiv,.whole{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.whole{width:82vw}.content-div,.img-div{margin:2%;width:40%}.content-div{color:#fff;font-family:Nanum Gothic,sans-serif;height:90%;text-align:left}span{background-color:ash;border-radius:3px;padding:0}#tech{background-color:#817878;border-radius:5px;color:#fff;padding:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bttn{margin-right:1%}.download{background-color:red;height:40px;width:100%}@media (max-width:700px){.maindiv{border-radius:10px;flex-direction:column;margin:4% auto;width:90%}.content-div,.img-div{margin:2% auto;width:90%}}#we{background:#1e2333;box-shadow:2px 2px 4px #0c0e14,-2px -2px 4px #303852;justify-content:space-around;margin-left:20px}input,textarea{background-color:#1e2333!important;border:0;color:#fff!important}.form-control{border:none!important;box-shadow:inset 3px 3px 6px #0c0e14,inset -3px -3px 6px #303852}#holdskills{display:flex;flex-direction:row;flex-wrap:wrap}#skills{background-color:#ff4bd2;height:100px;margin:3% auto;width:40%}#skillleft{text-align:left}#main{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}#contact{background-color:#3a415ea3;background:#1e2333;width:30%}#contact,#stufboutme{border-radius:10px;box-shadow:3px 3px 9px #0c0e14,-4px -3px 9px #303852;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 auto;margin:1.5% auto!important;padding:3%}#stufboutme{background-color:#3a415e;background:#1e2333;width:50%}li{color:#fff;text-align:left}#part{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-1}.card-header{box-shadow:3px 3px 9px #0c0e14,-4px -3px 9px #303852;margin:1.4%;outline:none!important}.card,.card-header{background-color:#1e2333}.card-body{color:#fff}@media (max-width:700px){#contact,#stufboutme{margin:0 auto;width:94%}#holdskills{flex-direction:column}#skills{width:90%}}
/*# sourceMappingURL=main.66d7b35b.css.map*/