:root{--light-pink:#ffa2b4;--light-neutral:#f7f2ee;--orange:#e33c12;--yellow:#efb11c;--dark-pink:#ea4664;--dark-neutral:#414141;--primary-font:"playfair display",serif;--secondary-font:"Poppins",sans-serif}.App{margin:0 auto;overflow:hidden;padding:0;width:100vw}footer{background-color:#e33c12;background-color:var(--orange)}body{background-color:#f7f2ee;background-color:var(--light-neutral);font-family:Poppins,sans-serif;font-family:var(--secondary-font)}h1,h2,h3,h4,h5,h6{font-family:playfair display,serif;font-family:var(--primary-font);font-weight:700}.btn-primary{background-color:#efb11c;background-color:var(--yellow);border:none;border-radius:3px;box-shadow:10px 10px 20px #0003;color:#fff;padding:10px 15px}.btn-primary:hover{border:1px solid #e33c12;border:1px solid var(--orange);border-radius:4px;box-shadow:10px 10px 20px #0003;color:#e33c12;color:var(--orange)}.btn-primary:hover,.btn-secondary{background-color:#f7f2ee;background-color:var(--light-neutral)}.btn-secondary{border:1px solid #ffa2b4;border:1px solid var(--light-pink);border-radius:4px;color:#ea4664;color:var(--dark-pink);padding:10px}.btn-secondary:hover{background-color:#414141;background-color:var(--dark-neutral);border:none;opacity:.8}.btn-secondary:hover,.btn-tertiary{color:#f7f2ee;color:var(--light-neutral)}.btn-tertiary{background-color:#ea4664;background-color:var(--dark-pink);border:none;border-radius:3px;box-shadow:10px 10px 20px #0003;padding:10px 15px}.btn-tertiary:hover{background-color:#ffa2b4;background-color:var(--light-pink);border:1px solid #e33c12;border:1px solid var(--orange);border-radius:4px;box-shadow:10px 10px 20px #0003;color:#e33c12;color:var(--orange)}@media (max-width:1000px){h1{font-size:44px}h2{font-size:36px}}.Hero{background-color:var(--light-neutral);margin:0 auto;padding:50px 0 0;text-align:center}.Hero p{font-size:16px;font-weight:400;margin-top:30px}.Hero h1{color:var(--orange);font-size:70px}.Hero h2{color:var(--dark-neutral);font-family:var(--secondary-font);font-size:18px;font-weight:400}.Hero .arrow{color:var(--orange);font-size:84px;opacity:.2}.Hero .arrow-label{color:var(--orange);font-size:20px;opacity:.4}.Hero .arrow-block{margin:90px auto 30px}@media (max-width:1000px){.Hero{padding:50px 0;width:90%}}.Skills{background-color:#fff;padding:40px 0;text-align:center}.Skills h3{color:var(--dark-pink);font-size:45px;margin:30px auto}.skill-badge{background-color:var(--dark-pink);border:none;border-radius:20px;color:#fff;margin:10px;padding:10px 15px}.badges{pointer-events:none}.badges,.icon-buttons{border-bottom:1px solid var(--yellow);margin:0 auto;padding:30px;width:70%}.tech-icon{color:var(--dark-pink);font-size:50px;margin:10px}.icon-button{background-color:#fff;border:none;color:var(--dark-neutral);margin:8px;pointer-events:none}.my-work{grid-gap:10px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin:30px auto;padding:30px}#thumbnail{margin:0 auto;max-height:200px}@media (max-width:1400px){.my-work{grid-gap:50px;display:grid;grid-template-columns:1fr 1fr}#thumbnail{margin:0 auto;max-height:300px}}@media (max-width:900px){.my-work{grid-gap:20px;display:grid;grid-template-columns:1fr}#thumbnail{margin:0 auto;max-width:300px}}.About{background-color:#fff;margin:0 auto;padding:100px}.about-row{grid-gap:50px;border-bottom:3px solid var(--dark-pink);display:grid;grid-template-columns:1fr 1fr;margin:0 auto;padding-bottom:100px}.About .about-text{align-content:center;border-radius:8px;opacity:80%;text-align:left}.About h1{color:var(--dark-pink);font-size:40px}.About h2{color:var(--orange);font-size:24px;margin-bottom:px}.About p{color:#fff;font-size:16px}.About .about-img-block{align-content:center;margin:0 auto}.About .about-img{border-radius:8px}.About{text-align:center}.About .diploma img{margin:50px auto 0;max-width:800px;padding:50px}@media (max-width:1100px){.About{padding:15px}.About .about-row{grid-gap:50px;grid-template-columns:1fr;justify-content:center;padding:50px}.About .about-text{margin:0 auto;max-width:500px;text-align:center}.About h1{font-size:36px}.About h2{font-size:18px}.About p{font-size:14px}.About .img{max-width:300px}.About .diploma img{margin:0 auto;max-width:500px;padding-top:50px}}@media (max-width:600px){.About h1{font-size:24px}.About h2{font-size:14px}.About p{font-size:12px}.About .diploma img{max-width:400px}}.Portfolio{background-color:var(--light-neutral);padding:50px}.Portfolio .project{grid-gap:25px;display:grid;grid-template-columns:1fr 1fr;margin:0 auto;padding-bottom:50px;width:80%}.Portfolio .project-img{align-items:center;display:flex;justify-content:center}.Portfolio img{border-radius:8px}.Portfolio h2{color:var(--yellow);font-family:var(--secondary-font);font-size:36px;font-weight:500}.Portfolio p{color:var(--dark-neutral);font-size:16px}.Portfolio .project-description{display:block;padding:120px 60px;text-align:center}.Portfolio .left-block{align-items:right}.Portfolio .project-bottom{border-bottom:3px solid var(--orange);margin-bottom:50px}@media (max-width:1000px){.Portfolio .project-description{padding:0;text-align:center}.Portfolio img{max-height:400px}.Portfolio .project{grid-gap:50px;display:grid;grid-template-columns:1fr;margin:0 auto 50px;padding-bottom:50px;width:90%}}.active{font-weight:700}.navbar{align-items:center;background-color:#fff;margin:0 auto;padding:20px;position:-webkit-sticky;position:sticky;top:0}#nav{display:flex;justify-content:space-between}.navbar .logo{max-height:50px}.navbar ul{align-items:center}.navbar ul li{list-style:none}.navbar ul li a{color:var(--dark-pink);margin:5px;text-decoration:none}.Footer{background-color:var(--orange);padding:25px;text-align:center;width:100vw!important}.Footer h1{color:var(--yellow);font-size:36px}.Footer h3{color:var(--light-pink);font-size:18px}.Footer p{color:var(--light-neutral);font-size:12px;margin:30px auto 0}.Footer .social-row{margin:50px auto;max-width:400px}.Footer .social{background:var(--light-pink);border-radius:50%;box-shadow:10px 10px 20px #0003;color:#fff;font-size:18px;padding:11px 15px;transition:all .1s ease-in-out}.Footer .social:hover{background:#fff;color:var(--dark-pink)}.Footer .open-source{color:#fff;font-weight:600;text-decoration:none}.Footer .open-source:hover{color:var(--light-pink);font-weight:700}
/*# sourceMappingURL=main.fcee0efa.css.map*/