@import url(https://fonts.googleapis.com/css2?family=Prompt:wght@100;200;300;400;500;600;700;800;900&display=swap);.app{background-color:var(--primary-color);font-family:var(--font-family)}.app__secondarybg{background-color:var(--secondarybg)}.grid{display:grid;grid-template-columns:repeat(8,1fr)}li{list-style:none}span{color:var(--accent-color)}h1{font-size:2rem;font-weight:700;line-height:37.2 .6px}@media screen and (min-width:1200px){h1{font-size:3rem;line-height:57.6px}}h2{font-size:1.6rem;font-weight:400;line-height:30px}@media screen and (min-width:1200px){h2{font-size:2.4rem;line-height:46.8px}}h3{font-size:1.3rem;line-height:26.4px}@media screen and (min-width:1200px){h3{font-size:1.9rem;line-height:37.2px}}h4{font-size:1.05rem;font-weight:300}@media screen and (min-width:1200px){h4{font-size:1.45rem;line-height:30px}}p{font-size:1rem;font-weight:300}@media screen and (min-width:1200px){p{font-size:1.25rem;line-height:30px}.grid{margin:0 auto;max-width:1320px;padding:0 2.5%;width:100%}}.floatbar{color:var(--accent-color);margin:0 20px}@media screen and (min-width:1200px){.floatbar{display:none}}.floatbar__container{background:var(--secondary-color);border-radius:17px;bottom:2rem;left:50%;max-width:592px;min-width:296px;padding:.5rem 0;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:90%;z-index:5}.floatbar__container ul{align-items:center;display:flex;justify-content:space-around;list-style:none}.floatbar__container ul li{align-items:center;display:flex;flex-direction:column;justify-content:center;transition:all .1s ease-in-out}.floatbar__container ul li a{color:var(--accent-color);font-size:1.5rem}@media screen and (min-width:620px){.floatbar__container ul li a{font-size:1.8rem}}@media screen and (min-width:960px){.floatbar__container ul li a{font-size:2rem}.floatbar__container ul li p{font-size:1.2rem}}li.active{-webkit-transform:translateY(-4px);transform:translateY(-4px)}li.active p{border-bottom:2px solid var(--accent-color)}.navbar{color:var(--secondary-color);display:flex;justify-content:center}@media screen and (min-width:1200px){.navbar{justify-content:center}}.navbar__container{margin:.5rem 0;padding:.5rem 20px;position:fixed;top:0;width:100%;z-index:5}@media screen and (min-width:1200px){.navbar__container{align-items:center;display:flex;justify-content:space-between;max-width:1320px;padding:0;width:100%}}.navbar__container .navbar__links{display:none}@media screen and (min-width:1200px){.navbar__container .navbar__links{display:flex;padding-right:2rem}.navbar__container .navbar__links ul{display:flex;flex-direction:row;gap:2rem;list-style:none}.navbar__container .navbar__links ul a{color:var(--secondary-color);font-size:.9rem;text-decoration:none;text-transform:uppercase;transition:all .5s ease-in-out}.navbar__container .navbar__links ul a:hover{border-bottom:2px solid var(--accent-color)}}@media screen and (min-width:620px){.navbar__logo{font-size:1.8rem}}@media screen and (min-width:960px){.navbar__logo{font-size:2rem}}@media screen and (min-width:1200px){.navbar__logo{font-size:2rem;padding-left:2rem}}.work{color:var(--secondary-color)}.work__container-content{grid-column:1/9;text-align:center}@media screen and (min-width:760px){.work__container-content{display:flex;gap:3rem;text-align:left}}@media screen and (min-width:1200px){.work__container-content{align-items:center}}.work__container-content h4{color:var(--accent-color);font-weight:500}.work__container-content img{border-radius:20px;height:clamp(215px,5vw,387px);object-fit:contain;width:clamp(295px,5vw,531px)}@media screen and (min-width:1200px){.work__container-content img{height:387px;width:531px}}.work__container-content a{align-items:center;border:3px solid var(--accent-color);color:var(--accent-color);display:flex;flex-direction:row;gap:.5rem;height:3rem;justify-content:center;line-height:3.5rem;padding:.2rem 1rem;text-decoration:none;transition:all .2s ease-in-out;width:-webkit-max-content;width:max-content}.work__container-content a:hover{background-color:var(--accent-color);color:var(--secondary-color);font-weight:500}.work-btn{display:flex;justify-content:center;margin-top:1rem}@media screen and (min-width:760px){.work-btn{justify-content:flex-start}}@media screen and (min-width:1200px){.work-btn{margin-top:6em}}.tech{color:var(--accent-color);padding-top:10px}.tech span{color:#fff}.shadow{background:var(--primary-color);box-shadow:0 4px 4px rgba(0,0,0,.25);padding:1.6rem 0;position:fixed;top:0;width:100%;z-index:4}@media screen and (min-width:620px){.shadow{padding:2.5rem 0}}@media screen and (min-width:1200px){.shadow{padding:2.3rem 0}}.section__container{background:var(--secondary-bg);min-height:100vh}.about{border-radius:34px;color:var(--secondary-color);font-weight:300;padding-top:5rem;text-align:center}@media screen and (min-width:620px){.about{padding-top:7rem}}.about__container{grid-column:1/9;padding:0 20px}.skills{margin:1rem 0}@media screen and (min-width:620px){.dev{margin:0 auto;width:500px}}@media screen and (min-width:960px){.dev{width:600px}}@media screen and (min-width:1200px){.lower__section{align-items:flex-start;display:flex;gap:1em;justify-content:center;margin-top:2em}.dev,.skills{background:#1a2238;border-radius:35px;box-shadow:0 4px 4px rgba(0,0,0,.25);height:10em;margin:0;width:550px}}.leading-text{margin-bottom:5rem}@media screen and (min-width:620px){.leading-text{margin:0 auto;width:500px}}@media screen and (min-width:960px){.leading-text{width:600px}}@media screen and (min-width:1200px){.leading-text{width:900px}}.skills-icon{display:none}@media screen and (min-width:960px){.skills-icon{display:contents;font-size:70px}}.contact{color:var(--secondary-color);margin:0 20px;overflow-y:hidden;padding:5em 0;text-align:center}.contact,.contact__container{align-items:center;display:flex;justify-content:center}.contact__container{flex-direction:column;max-width:796px}.contact__container p{margin-bottom:1.5rem;margin-top:.5rem}.contact__container a{align-items:center;border:3px solid var(--accent-color);color:var(--accent-color);display:flex;flex-direction:row;gap:.5rem;height:3rem;justify-content:center;line-height:3.5rem;padding:.2rem 1.5rem;text-decoration:none;transition:all .2s ease-in-out;width:-webkit-max-content;width:max-content}.contact__container a:hover{background-color:var(--accent-color);color:var(--secondary-color);font-weight:500}.footer{background:var(--secondary-bg);border-radius:2em 2em 0 0;color:var(--secondary-color);margin-top:5em}.footer__container{align-items:center;display:flex;flex-direction:column;grid-column:1/9;justify-content:center}.footer-links{padding:2rem 0;width:206px}.footer-links ul{display:flex;justify-content:space-between;list-style:none}.footer-links ul a{color:var(--accent-color);font-size:1.2em;transition:all .2s ease-in-out}.footer-links ul a:hover{color:var(--secondary-color)}#footer-text{font-size:1em;font-weight:300;padding-bottom:8em}@media screen and (min-width:1200px){#footer-text{padding-bottom:1rem}}.header{color:var(--secondary-color);height:100vh;margin:0 20px;overflow-y:hidden;padding:12rem 0}@media screen and (min-width:1200px){.header{padding:20rem 0}}.header__content{grid-column:1/9;text-align:center}.header__content h4{padding:15px 0}@media screen and (min-width:1200px){.header__content .header__content{text-align:left}.header__content{grid-column:span 4;text-align:left}.header__animation{grid-column:1/4}}.header__content-btn{border:3px solid var(--accent-color);color:var(--accent-color);line-height:3.5rem;padding:.2rem 1rem;text-decoration:none;transition:all .2s ease-in-out}.header__content-btn:hover{background-color:var(--accent-color);color:var(--secondary-color);font-weight:500}@media screen and (min-width:960px){.header__content-btn{font-size:1.2rem;padding:.5rem 2rem}}.header__animation{grid-column:1/9}@media screen and (min-width:1200px){.header__animation{grid-column:span 4}}.main_container{align-items:center;display:flex;flex-direction:column;grid-column:1/9;margin-top:10rem}@media screen and (min-width:620px){.main_container{margin-top:12rem}}.balance{-webkit-animation:animateBalance 3s ease-in-out infinite;animation:animateBalance 3s ease-in-out infinite;position:relative;z-index:0}@-webkit-keyframes animateBalance{0%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}@keyframes animateBalance{0%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}.balls_container{bottom:.9rem;display:flex;gap:7rem;justify-content:center;position:absolute;width:100%}@media screen and (min-width:620px){.balls_container{bottom:1.2rem;gap:12rem}}@media screen and (min-width:1200px){.balls_container{bottom:1.4rem;gap:14rem}}#triangle{-webkit-transform:translateY(-6px);transform:translateY(-6px)}#circle,#square,#triangle{transition:all .5s ease-in-out}@media screen and (min-width:620px){#circle,#square,#triangle{width:100px}}@media screen and (min-width:1200px){#circle,#square,#triangle{width:120px}}#bar{transition:all .5s ease-in-out}@media screen and (min-width:620px){#bar{width:450px}}@media screen and (min-width:1200px){#bar{width:530px}}.works-section__container{align-items:center;display:flex;flex-direction:column;gap:5rem;grid-column:1/9;justify-content:center;margin:0 20px;padding:5rem 0}@media screen and (min-width:620px){.works-section__container{padding:7rem 0}}.works-section__container h2{color:var(--secondary-color)}:root{--font-family:"Prompt",sans-serif;--primary-color:#051622;--secondary-color:#f6f6f6;--accent-color:#7082e2;--secondary-bg:#1a2238}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}
/*# sourceMappingURL=main.345402da.css.map*/