*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0}.jumbotron{width:100%;padding:160px 0 110px}@media (min-width: 768px){.jumbotron{padding:210px 0 150px}}@media (min-width: 1024px){.jumbotron{padding:180px 0 130px}}.projects{width:95%;margin:auto;padding-bottom:30px;border:1px solid #0094C6;background-color:#0094C6;border-radius:5px;scroll-margin-top:100px}@media (min-width: 768px){.projects{scroll-margin-top:100px}}.project-container li{list-style:none}.project-card{width:90%;margin:auto;border:1px solid #fff;background-color:#fff;border-radius:10px}.project-title-container{display:flex;flex-direction:row;margin:auto;justify-content:center}.project-details{position:relative;background-color:#ebe9ec;border:1px solid #ebe9ec;border-radius:0 0 10px 10px;display:none}.project-details.active{display:block}.about{scroll-margin-top:30px}@media (min-width: 768px){.about{scroll-margin-top:50px}}.contact{scroll-margin-top:30px}@media (min-width: 768px){.contact{scroll-margin-top:50px}}.socials-container{width:100%;display:flex;flex-direction:row;justify-content:center;margin:30px 0}body{font-size:1em;font-family:'Open Sans', sans-serif}h1,h2,h3{font-family:'Raleway', sans-serif}h1{width:200px;padding-left:1rem;color:#fff}h2{font-size:1.5rem;text-align:center}@media (min-width: 768px){h2{text-align:left;font-size:1.9rem;padding:0}}@media (min-width: 1024px){h2{font-size:2.3rem}}.project-section-title{color:#fff;padding-top:8px}@media (min-width: 768px){.project-section-title{margin:35px auto 25px 50px;padding:0}}h3{font-size:1.2rem;text-align:center}.project-description{text-align:center;margin:15px 10px 20px;height:100px}.about-title,.contact-title{text-align:center;color:#0094C6;padding-top:75px}@media (min-width: 768px){.about-title,.contact-title{text-align:left;padding-left:4.5rem}}.about-description,.skills-description,.contact-description{text-align:center;width:90%;margin:auto}@media (min-width: 1024px){.about-description,.skills-description,.contact-description{width:80%}}@media (min-width: 768px){.about-description{text-align:left}}.skills-description{margin-top:25px}.contact-form{text-decoration:underline 4px #FF9505}input,textarea{font-family:'Open Sans', sans-serif}.toggle-btn{position:absolute;top:1.5rem;right:1rem;display:flex;flex-direction:column;justify-content:space-between;height:30px;width:30px}.toggle-btn .bar{height:3px;width:100%;background-color:#fff;border-radius:10px}@media (min-width: 768px){.toggle-btn{display:none}}.call-to-action{display:flex;flex-direction:column;row-gap:30px;width:90%}.action-btn{border:1px solid #29339B;background-color:#29339B;color:#fff;border-radius:5px;height:50px;max-width:150px;font-family:'Raleway', sans-serif;font-weight:600;text-align:center;text-decoration:none;padding-top:14px}@media (min-width: 768px){.action-btn{min-width:150px}}@media (min-width: 1024px){.action-btn{min-width:175px;height:60px;padding-top:18px}}.action-btn:hover{border:1px solid #FF9505;background-color:#FF9505;transform:translateY(10%);transition:0.3s}.project-toggle-btn{margin:auto 15px auto;border:none;background-color:transparent}.project-toggle-btn:hover{transform:scale(1.2) rotate(0deg);transition:transform .3s ease;fill:#FF9505}.project-toggle-btn.active{transform:rotate(180deg);transition:transform .3s ease}.project-toggle-btn.active:hover{transform:scale(1.2) rotate(180deg);fill:#FF9505}.project-buttons{width:100%;display:flex;flex-direction:row;justify-content:space-evenly;margin-bottom:10px}.code-btn,.site-btn{border:1px solid #29339B;border-radius:5px;background-color:#29339B;color:#fff;width:150px;height:50px;font-family:'Raleway', sans-serif;font-weight:600;text-align:center;text-decoration:none;padding-top:14px}.code-btn:hover,.site-btn:hover{border:1px solid #FF9505;background-color:#FF9505;transform:translateY(10%);transition:0.3s}.submit-btn{border:1px solid #29339B;border-radius:5px;background-color:#29339B;color:#fff;width:90%;margin:auto;height:50px;font-family:'Raleway', sans-serif;font-weight:600;text-align:center}.submit-btn:hover{border:1px solid #FF9505;background-color:#FF9505;transform:translateY(10%);transition:0.3s}form{width:100%;padding-top:20px}.form-container{border:1px solid #0094C6;border-radius:5px;background-color:#0094C6;color:#fff;width:90%;margin:auto;padding:10px 0 40px}@media (min-width: 1024px){.form-container{width:80%}}input,textarea{width:90%;margin:auto auto 15px auto;border:none;border-radius:5px}label{margin:auto auto 5px 5%}input{height:30px;padding:0 10px}textarea{height:100px;padding:5px 10px}.skills-container{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:25px}.github,.linked-in{fill:#29339B;margin:0 15px}.github:hover,.linked-in:hover{fill:#FF9505;transition:00.3s}.portrait-container{width:100%}.portrait{display:block;width:175px;margin:auto 10px auto auto;border:4px solid #29339B;border-radius:0 0 0 100px;box-shadow:5px -5px #FF9505}@media (min-width: 768px){.portrait{width:200px;margin:50px auto auto 5%}}@media (min-width: 1024px){.portrait{width:250px;margin:40px auto  auto 10%}}.project-img{width:100%;border-radius:10px 10px 0 0}.navbar{position:fixed;z-index:2;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;background-color:#29339B;color:#fff}@media (min-width: 768px){.navbar{flex-direction:row}}.navbar-title{margin:.75rem;text-decoration:none}.navbar-links{display:none;width:100%}.navbar-links ul{margin:0;padding:0;width:100%;display:flex;flex-direction:column}@media (min-width: 768px){.navbar-links ul{flex-direction:row;width:35%;position:absolute;top:1.5rem;right:1rem}}.navbar-links li{font-family:'Raleway', sans-serif;list-style:none;width:100%;text-align:center}.navbar-links li :hover{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:#FF9505;transform:translateY(10%);transition:0.3s}.navbar-links a{text-decoration:none;color:#fff;display:block}.navbar-links li a{padding:.75rem 0}.navbar-links.active{display:flex}@media (min-width: 768px){.navbar-links{display:flex}}@media (min-width: 768px){.projects-btn{margin-left:10%}}.jumbotron{display:grid;grid-template-rows:165px 230px;grid-template-columns:repeat(2, 1fr)}@media (min-width: 768px){.jumbotron{grid-template-columns:repeat(2, auto);grid-template-rows:1fr;grid-row-gap:10px;overflow-x:hidden}}.greeting{margin:auto;grid-column:1 / span 2}@media (min-width: 768px){.greeting{grid-column:1 / span 1;margin-right:5%}}.portrait-container{grid-column:1 / span 1;grid-row:2 / span 1}@media (min-width: 768px){.portrait-container{grid-column:2 / span 1;grid-row:1 / span 2}}.call-to-action{grid-column:2 / span 2;margin:auto auto auto 10px}@media (min-width: 768px){.call-to-action{grid-column:1 / span 1;margin-right:5%;flex-direction:row;justify-content:flex-end;padding-bottom:30px}}@media (min-width: 768px){.project-section-title{grid-column:1 / span 2}}@media (min-width: 1024px){.project-section-title{grid-column:1 / span 3}}.project-container{display:grid;position:relative;z-index:1;padding:0;grid-template-columns:repeat(auto-fill, minmax(400px, 1fr));grid-template-rows:auto;grid-row-gap:15px}.about{display:grid;grid-template-columns:1fr}@media (min-width: 768px){.about{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 768px){.about-title{grid-column:1 / span 2}}@media (min-width: 768px){.about-description{grid-column:1 / span 1}}@media (min-width: 768px){.skills-description{grid-column:2 / span 1}}.form-container{display:grid;grid-template-columns:1fr}