@font-face{font-family:"Nanum Gothic";src:url(/static/media/NanumGothic-Bold.6499af72.ttf);font-weight:700}@font-face{font-family:"Nanum Gothic";src:url(/static/media/NanumGothic-Regular.6c84540d.ttf);font-weight:400}*{padding:0;margin:0;box-sizing:border-box}body img{max-width:100%;max-height:100%}.App{font-family:var(--font-family)}html{scroll-behavior:smooth}:root{--color-primary:#26337a;--color-primary-dark:#26337a;--color-secondary:#fbfbfb;--color-secondary-dark:#8c9cc3;--color-white:#fff;--color-gray-2:#c4c4c4;--color-secondary-transparent:rgba(38,51,122,0.19215686274509805);--space-extra-big:44px;--space-big:32px;--space-medium:16px;--space-small:8px;--screen-big:768px;--font-family:"Nanum Gothic",sans-serif;--font-heading-1-mobile:34px;--font-heading-1-desktop:50px;--font-heading-2-mobile:22px;--font-heading-2-desktop:42px;--font-heading-3-mobile:17px;--font-heading-3-desktop:24px;--font-text-mobile:17px;--font-text-desktop:18px;--font-button-mobile:14px;--font-button-desktop:16px;--font-nav-mobile:11px;--font-nav-desktop:17px;--font-pill:12px}nav{min-height:60px;background-color:var(--color-secondary-dark);width:100%;display:flex;justify-content:center;position:fixed;z-index:1}.logo-desktop{display:none}.navigation-menu{max-height:30px;background-color:var(--color-primary);width:90%;margin:auto;border-radius:100px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-small)}.navigation-menu>a{color:var(--color-white);font-size:var(--font-nav-mobile);text-decoration:none}.menu-link:first-of-type{order:3}.menu-link:nth-of-type(2){order:1}.menu-link:nth-of-type(3){order:2}.menu-link:nth-of-type(4){order:4}.menu-link:nth-of-type(5){order:5}@media only screen and (min-width:920px){.navigation-menu{max-height:100%;height:100%;border-radius:0;flex-wrap:wrap;background-color:transparent;justify-content:flex-end}.logo-mobile{display:none}.logo-desktop{display:block}nav{background-color:var(--color-primary)}.navigation-menu>a{font-size:var(--font-nav-desktop)}.menu-link{margin-left:var(--space-big);font-size:17px}.menu-link:first-of-type{order:1;position:absolute;left:16px}.menu-link:nth-of-type(2){order:2}.menu-link:nth-of-type(3){order:3}}.section-layout-container{width:100%}.section-layout{display:grid;margin:auto;position:relative;padding:var(--space-big) var(--space-medium);justify-items:center}.section-description{max-width:450px}.section-layout>h2{justify-self:start}.section-content{display:flex;justify-content:center;width:80%;padding:var(--space-big) 0}#about .section-content{order:1}#contacts,#portfolio{background-color:var(--color-secondary)}#portfolio .section-content{display:grid;grid-template-columns:auto auto}#tech .section-content{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:40px}@media only screen and (min-width:485px){.section-layout>h2{justify-self:center}}@media only screen and (min-width:920px){.section-layout{max-width:1120px;justify-items:start;grid-template-columns:1fr 1fr 1fr}.section-layout>h2{grid-column:1/4;justify-self:start}.section-description{grid-column:1/2}.section-content{grid-column:2/4;padding:0;width:100%}#portfolio .section-content{display:grid;grid-template-columns:auto auto auto}}.picture{text-align:center}.picture>img{margin:auto;max-width:100%;border-radius:5px}@media only screen and (min-width:920px){.picture>img{max-width:335px}}.card{width:156px;min-height:172px;background-color:var(--color-secondary);text-align:center;border:none;padding:0;cursor:pointer;margin:var(--space-small)}.thumbnail{height:116px;width:156px;position:relative;display:flex;justify-content:center}.thumbnail>img{width:100%;object-fit:cover;border-radius:5px}.thumbnail-overlay{position:absolute;top:0;background-color:var(--color-secondary-transparent);height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:5px}.thumbnail-overlay>span{width:inherit;font-weight:700;color:var(--color-white)}.card .title{height:48px}.title{padding:var(--space-small) 0}@media only screen and (min-width:1025px){.card{width:224px;min-height:236px}.thumbnail{width:224px;height:166px}}.button-primary{border:none;color:var(--color-secondary);background-color:var(--color-primary)}.button-secondary{border:2px solid var(--color-secondary-dark);color:var(--color-primary-dark);background-color:var(--color-white)}.button{height:44px;cursor:pointer;display:block;width:90%;margin:4px;transition:background-image .5s ease}.button>a{display:block;color:inherit;text-align:center}.button-main>a:link,.button>a,.button>a:link,.button>a:visited,a:visited{text-decoration:none}.button-close{position:absolute;top:var(--space-medium);right:var(--space-medium);background:transparent;border:none;cursor:pointer}.button-primary:hover{background-color:var(--color-secondary);color:var(--color-primary);border:2px solid var(--color-secondary-dark)}.button-secondary:hover{border:2px solid var(--color-primary-dark)}.tech-icon-cell{width:100%;display:flex;justify-content:center}.tech-icon-background{width:44px;color:var(--color-primary);display:flex;flex-direction:column;align-items:center}.tech-icon-background img{width:100%}.tech-name{color:var(--color-primary);font-size:12px}@media only screen and (min-width:920px){.tech-icon-background{width:60px}}.contact{list-style:none;margin:0;color:var(--color-primary)}.contact>li{display:flex;padding:var(--space-small) 0}.contact a{color:var(--color-primary);margin-left:var(--space-small)}footer{width:100%;height:85px;background-color:var(--color-primary);display:flex;align-items:center;justify-content:center}footer a>svg{height:40px;width:40px;color:#c9cde6}footer>ul li{list-style:none;margin:0;display:inline-block;margin:var(--space-medium)}footer>ul a{text-decoration:none}.logo,footer>ul a{color:var(--color-secondary)}.logo{max-width:64px}h1{font-size:var(--font-heading-1-mobile)}h2{font-size:var(--font-heading-2-mobile);margin:var(--space-medium) 0}h3{font-size:var(--font-heading-3-mobile);line-height:1.45;margin:0}@media (min-width:920px){h1{font-size:var(--font-heading-1-desktop);line-height:56px}h2{font-size:var(--font-heading-2-desktop);line-height:48px}}p{font-size:var(--font-text-mobile);line-height:1.45;margin:var(--space-small) 0}@media (min-width:920px){p{font-size:var(--font-text-desktop)}}.pill{list-style:none;display:inline-block;padding:4px var(--space-small);color:var(--color-primary-dark);border:1px solid var(--color-primary-dark);border-radius:100px;margin:4px var(--space-small)}.hero{position:relative;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-big);line-height:44px;text-align:center;background-image:url(/static/media/portfolio-bg.cbecd0b1.jpg);background-repeat:no-repeat;background-position:top;background-size:cover;background-color:var(--color-secondary)}.hero-overlay{position:absolute;top:0;height:100%;width:100%;background-color:var(--color-secondary-transparent)}@media only screen and (min-width:920px){.hero-container{max-width:500px}}.modal-background{position:fixed;width:100%;height:100vh;z-index:3;top:0;display:flex;justify-content:center;align-items:center;background-color:var(--color-secondary-transparent)}.modal-info-wrapper{padding:0 var(--space-medium);display:flex;flex-direction:column}.modal-info-wrapper a{align-self:center;width:80%}.modal-container{position:relative;background-color:var(--color-white);width:calc(100% - 30px)}.modal-detail{max-width:100%;min-height:518px;margin:auto;display:grid;grid-gap:var(--space-medium);padding-bottom:var(--space-medium)}.modal-image-container{display:flex;justify-content:center}.modal-image-wrapper img{width:100%;object-fit:cover}.pill-list{list-style:none;margin:0;padding:0}.modal-info-container{display:flex;flex-direction:column;width:100%}.modal-info-container>button{align-self:center}.modal-description,.modal-title{padding:0 var(--space-small)}@media only screen and (min-width:720px){.modal-container{margin:auto;max-width:960px}.modal-detail{grid-template-columns:60% auto;padding:var(--space-medium)}.modal-image-container{padding:var(--space-medium);align-items:center}.modal-info-container{width:327px}.modal-image-wrapper img{height:100%}}
/*# sourceMappingURL=main.2a5c5771.chunk.css.map */