body{margin:0;font-family:"Slabo 27px",serif!important;font-weight:300;color:#323232}.Header .navbar{font-size:24px;min-height:60px}.Header a{color:#6886c5!important}.Header a:hover{color:#323232!important;cursor:pointer}.Header .nav-item{margin-right:10px}.TopFold{background-image:url(/portfolio/static/media/study2.57540e46.jpg);height:65vh;background-position:50%;background-size:cover;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;z-index:-2;position:relative;min-height:600px;max-height:700px}.TopFold .overlay{position:absolute;height:100%;width:100%;background-color:rgba(6,5,5,.1);z-index:-1}.TopFold .subtitle{z-index:2;color:#323232;font-family:"Amatic SC",cursive;-webkit-animation:animated-text 2s steps(12) 1s 1 normal both,animated-cursor .8s steps(29) infinite;animation:animated-text 2s steps(12) 1s 1 normal both,animated-cursor .8s steps(29) infinite;border-right:3px solid rgba(38,38,38,.75);white-space:nowrap;overflow:hidden;font-size:50px;margin-right:0}.TopFold .kim{color:#323232}.TopFold .frontend{color:#ffebd9}@-webkit-keyframes animated-text{0%{width:0}to{width:210px}}@keyframes animated-text{0%{width:0}to{width:210px}}@-webkit-keyframes animated-cursor{0%{border-right-color:rgba(42,45,42,.75)}to{border-right-color:transparent}}@keyframes animated-cursor{0%{border-right-color:rgba(42,45,42,.75)}to{border-right-color:transparent}}@media screen and (min-width:768px){.TopFold .kim{color:#323232;margin-right:5%}.TopFold .subtitle{margin-right:3%;margin-bottom:1%}@-webkit-keyframes animated-text{0%{width:0}to{width:220px}}@keyframes animated-text{0%{width:0}to{width:220px}}}@media screen and (min-width:1200px){.TopFold{background-position:right 0 bottom -50px;height:90vh}.TopFold .subtitle{margin-bottom:5%}}@media screen and (min-width:1500px){.TopFold{height:78vh;background-position:right 0 bottom -150px}.TopFold .subtitle{margin-bottom:3%}}#about-section{margin-top:80px;padding:0 10px}@media screen and (min-width:768px){#about-section{margin-top:0;padding:0}}#about-section #profile-contact .profile-detail{width:80%;margin:0 auto}#about-section #profile-contact #profile-img{background:url(/portfolio/static/media/kimProfilePic.a8ca8d4e.jpeg) right 35% bottom 70% no-repeat;background-size:200px;height:200px;width:200px;border-radius:50%;margin:0 auto}#about-section #profile-contact .contact-icons{width:30px;height:30px}#about-section #profile-contact .contact-details{margin:0 0 0 10px;font-size:15px;line-height:30px}#about-section #profile-contact .contact-details a{color:#323232}#about-section #profile-contact .github-link a,#about-section #profile-contact .linkedin-link a{color:#6886c5}#about-section #profile-contact .github-link a:hover,#about-section #profile-contact .linkedin-link:hover{cursor:pointer;text-decoration:underline}#about-section #profile-contact .email-link a{color:#6886c5!important}@media (min-width:350px){#about-section #profile-contact .profile-detail{width:70%}}@media (min-width:450px){#about-section #profile-contact .profile-detail{width:60%}}@media (min-width:500px){#about-section #profile-contact .profile-detail{width:45%}}@media (min-width:768px){#about-section #profile-contact .profile-detail{width:100%}#about-section .bg-light{background:transparent!important}#about-section .navbar-brand{color:#ffebd9!important}#about-section .nav-link{margin-right:30px;color:#ffebd9!important}#about-section #background-img-section{margin-bottom:0}}@media (min-width:992px){#about-section #profile-contact .profile-detail{width:85%}#about-section #profile-contact .contact-details{font-size:18px}#about-section #profile-contact #profile-img{background-size:220px;height:220px;width:220px}}@media (min-width:1200px){#about-section #profile-contact #profile-img{background-size:250px;height:250px;width:250px}#about-section #profile-contact .contact-details{font-size:20px}#about-section #profile-contact .profile-detail{width:78%;margin:0 auto}}#about-section #intro{margin-left:auto;margin-top:75px}#about-section #intro p{font-size:18px;margin-bottom:5px}#about-section #intro ul{padding-left:20px}#about-section .intro-desktop{display:none}@media (min-width:576px){#about-section .intro-desktop{display:inline-block}#about-section .intro-mobile{display:none}}#rolling-background{background:url(/portfolio/static/media/unsplash-city-background.be91ffb0.jpg) 50% no-repeat;background-size:cover;height:300px;z-index:-2;position:relative;margin-top:30px}#rolling-background .overlay{position:absolute;height:100%;width:100%;background-color:rgba(6,5,5,.25);z-index:-1}#rolling-background h2{font-size:50px}#rolling-background .subtitle{color:#ffebd9}@media (min-width:576px){#rolling-background{background:url(/portfolio/static/media/unsplash-city-background.be91ffb0.jpg) 50% no-repeat fixed;background-size:cover;height:500px;z-index:-2;position:relative;margin-top:30px}}#projects-section{padding-top:50px;background-color:#222831;padding-bottom:40px}#projects-section .my-projects-header{color:snow}#projects-section .play-btn{width:80px;height:80px;opacity:.85;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;background-color:snow;border-radius:50%;box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.1)}#projects-section .play-btn:hover{opacity:.9;-webkit-transform:scale(1.1);transform:scale(1.1)}#projects-section .youtube-img{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:180px;width:280px}#projects-section .project-title{padding:5px 0;color:snow!important}#projects-section .git-section{width:70%;margin:0 auto}#projects-section .git-section a{color:snow!important;font-size:15px;margin:15px 0 10px 10px;text-shadow:2px 3px 5px rgba(0,0,0,.5)}#projects-section .git-section a:hover{text-shadow:none;color:#d7cccc!important;text-decoration:none}#projects-section .git-img{width:38px;margin-top:10px;margin-top:5px;width:30px;background-color:snow;border-radius:50%;border:1px solid snow}#projects-section .demo-details{width:100%;color:#323232}#projects-section .demo-details .card-body{padding:10px;width:80%;margin:0 auto}#projects-section .demo-details ul{padding-left:18px}@media (min-width:350px){#projects-section .git-section{width:60%}}@media (min-width:450px){#projects-section .git-section{width:53%}#projects-section .git-section a{font-size:18px}#projects-section .git-img{width:35px}}@media (min-width:500px){#projects-section .git-section{width:48%}}@media (min-width:768px){#projects-section .git-section{width:35%}#projects-section .youtube-img{height:220px;width:400px}#projects-section .git-img{margin-top:10px}#intro{margin-top:75px}}@media (min-width:992px){#projects-section .git-section{width:55%}#projects-section .my-projects-header{font-size:40px}#projects-section .git-img{width:38px}#projects-section .git-section a{font-size:20px}}@media (min-width:1200px){#projects-section .git-section{width:46%}#projects-section .youtube-img{height:250px;width:400px}#projects-section .project-title{padding:10px 0;font-size:30px!important}#projects-section .play-btn{width:90px;height:90px}}#projects-section .modal{left:50%;top:50%;padding-top:120px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#projects-section .modal-content{background:none;border:none;width:100%}#projects-section .modal .close{background:none;border:none;color:snow;text-align:right}#projects-section .modal .close:focus{outline:0;border:0}#projects-section #youtube-modal{background:rgba(0,0,0,.7)}#projects-section .videowrapper{position:relative;height:0;padding-bottom:56.25%}#projects-section .videowrapper iframe{width:100%;position:absolute;height:100%}@media (min-width:576px){#projects-section .modal-dialog{max-width:60%;min-width:576px}#projects-section .modal{padding-top:3%}}#education-background-section{margin:70px 0 100px}#education-background-section h3{color:#6886c5}#education-background-section hr{border-top:1.1px solid #7e7777}#education-background-section p{font-size:18px;margin:0}#education-background-section ul{padding-left:20px}#education-background-section .col-11{margin:0 auto}.intro-desktop{display:none}@media (min-width:576px){.intro-desktop{display:inline-block}.intro-mobile{display:none}}#footer{position:relative;background-color:#222831;height:100px;color:snow}#footer a{color:#6886c5}
/*# sourceMappingURL=main.3319a34e.chunk.css.map */