*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto Mono,monospace;font-size:20px}.page__container{flex-grow:1}.page__header{height:100vh;display:flex;justify-content:flex-start;position:relative;background:#0c283f;background:url(../../static/media/background-img.a02e282d.jpg) 50% no-repeat;background-attachment:fixed;background-size:cover;overflow:hidden}.header__hero{font-family:Montserrat,sans-serif;background-color:rgba(2,32,49,.8);color:#fff;font-weight:700;font-size:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (min-width:768px){.header__hero{font-size:50px}}.page__header-container{flex-grow:1;display:flex;flex-direction:column;justify-content:center;position:relative;margin-left:10px}@media (min-width:768px){.page__header-container{margin-left:5px}}.sub{font-family:Roboto Mono,monospace;font-weight:300}.header__ico{width:30px;position:absolute;bottom:20px;left:50%;-webkit-transform:translateX(-80%);transform:translateX(-80%)}@media (min-width:768px){.header__ico{width:40px}}.page__decoration{display:block;font-size:14px;color:rgba(109,186,140,.3);overflow:hidden;z-index:5}@media (min-width:768px){.page__decoration{font-size:20px}}.page__menu{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;right:0;position:fixed;top:0;z-index:2;background-color:rgba(2,32,49,.9)}@media (min-width:768px){.page__menu{width:100%;display:flex;align-items:center;background:#0c283f;background:url(../../static/media/background-img.a02e282d.jpg) 50% no-repeat;background-attachment:fixed;background-size:cover}}.menu__button{width:40px;height:40px;background:url(../../static/media/ico-menu.61f6f66d.svg) no-repeat 50%;background-size:contain;border:0;color:transparent;font-size:1px;cursor:pointer}@media (min-width:768px){.menu__button{display:none}}.menu__button--open{background:url(../../static/media/ico-close.c2ebbcca.svg) no-repeat 50%;background-size:contain}.page__menu-list{list-style:none;display:none}@media (min-width:768px){.page__menu-list{display:flex;justify-content:center;flex-grow:1}}.menu__item{padding:0 15px;cursor:pointer}.menu__item a{text-decoration:none;color:#83d4c0}.menu__item a:hover{font-weight:700}.burger__list{position:fixed;top:50px;right:-200px;list-style:none;text-align:right;opacity:0;-webkit-transition:opacity 1s ease;transition:opacity 1s ease;display:flex;flex-direction:column;align-items:flex-end;z-index:2}.burger__list--open{right:0;opacity:1;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.burger__item{font-size:15px;padding:0 5px;margin:5px 0;background-color:rgba(2,32,49,.9);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:right}.burger__item a{text-decoration:none;color:#fff}.burger__item a:hover{font-weight:700}.card__container{width:250px;list-style:none;margin:30px 50px;background-color:#fff;display:flex;flex-direction:column;border-bottom:1px solid #dfdfdf;padding-bottom:30px}@media (min-width:768px){.card__container{width:350px}}@media (min-width:1280px){.card__container{width:500px}}.card__info{display:flex;flex-direction:column;width:250px;margin-top:20px;font-size:14px}@media (min-width:768px){.card__info{width:350px}}@media (min-width:1280px){.card__info{width:500px}}.card__img{width:250px;box-shadow:0 0 10px #dfdfdf}@media (min-width:768px){.card__img{width:350px}}@media (min-width:1280px){.card__img{width:500px}}.card__title{font-family:Montserrat,sans-serif;font-size:18px}.pair{order:1}.card__link{text-decoration:none;margin:5px}.card__link-text{color:#000;background-color:#fff;border:1px solid #dfdfdf;font-weight:700;width:100px;text-align:center}.card__link-text:hover{border:1px solid #000;background-color:#000;color:#fff}.card__description{flex-grow:1;font-size:16px}.card-links__container{display:flex;justify-content:space-around;margin-top:10px}.section__projects{width:300px;flex-direction:column;display:flex;justify-content:center;margin:auto;align-items:center}@media (min-width:768px){.section__projects{width:750px;flex-direction:row;flex-wrap:wrap;align-items:flex-start}}@media (min-width:1280px){.section__projects{width:1200px}}.section__title{font-size:34px;font-family:Montserrat,sans-serif;text-align:center;border-bottom:1px solid #dfdfdf;padding:5px 0;margin:30px auto 10px}@media (min-width:768px){.section__title{margin:70px auto 20px}}.section__about,.section__portfolio{min-height:100vh;background-color:#fff;display:flex;flex-direction:column;justify-content:center}.section__about{width:100%;margin-bottom:20px}.section__content{display:flex;flex-direction:column;margin:auto;align-items:center;max-width:300px;font-size:16px}@media (min-width:768px){.section__content{max-width:1000px;flex-direction:row;align-items:flex-start;font-size:18px;padding:0 50px;justify-content:center}}@media (min-width:1280px){.section__content{max-width:1300px;font-size:24px}}.section__image{width:300px;margin:0 15px 15px}@media (min-width:1280px){.section__image{width:400px}}.array-container{display:grid;grid-template-columns:200px;grid-auto-rows:30px;grid-gap:0 0;font-size:14px;color:#fff;font-weight:700;margin:auto}@media (min-width:768px){.array-container{grid-template-columns:50% 50%;width:90%;font-size:26px;grid-auto-rows:40px}}.item{padding:5px;margin-top:5px;background-color:rgba(2,32,49,.8);height:30px}@media (min-width:768px){.item{height:40px}}.item1{justify-self:flex-start}@media (min-width:768px){.item1{justify-self:flex-end}}.item2{justify-self:flex-start;grid-column-start:1}@media (min-width:768px){.item2{height:40px;grid-column-start:2}}.section__skills{justify-content:space-around;align-items:center;min-height:100vh;background:#0c283f;background:url(../../static/media/background-img.a02e282d.jpg) 50% no-repeat;background-attachment:fixed;background-size:cover;padding:20px}.section__description-container,.section__skills{display:flex;flex-direction:column}.section__description{padding-bottom:10px}.page__contact{background:#0c283f;background:url(../../static/media/background-img.a02e282d.jpg) 50% no-repeat;background-attachment:fixed;background-size:cover;padding:50px;height:100vh;display:flex;flex-direction:column;justify-content:center}.contact-title{color:#fff;border-bottom:1px solid #fff;margin:0 auto 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact__list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:auto;color:#fff}@media (min-width:768px){.contact__list{width:700px}}@media (min-width:1280px){.contact__list{width:900px}}.contact__item{background-color:rgba(2,32,49,.8);display:flex;align-items:center;margin:5px;padding:5px}@media (min-width:1280px){.contact__item{margin:20px}}.contact__item:hover{background-color:rgba(2,32,49,.9)}.contact__link{text-decoration:none;color:inherit}.contact__link:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.contact__ico{width:30px;padding-right:10px}@media (min-width:768px){.contact__ico{width:40px}}.ico__text{font-family:Roboto Mono,monospace;font-size:12px}@media (min-width:768px){.ico__text{font-size:16px}}
/*# sourceMappingURL=main.20ede5a4.chunk.css.map */