@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+Display:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Gugi&display=swap);.header{background-image:url(/VB-Portfolio/static/media/header.c0708f41c32fca85dcd8.gif);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:150px;width:auto}.nav-header-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:10px;width:100vw}h1{color:#52b788;color:var(--light);font-size:5vw;margin:0}.header-title{text-decoration:none}.nav-container{display:flex;font-size:2vw;gap:50px;text-align:center}.cv-btn{background-color:#000;border:1px solid #2d6a4f;border:1px solid var(--navlink-active);border-radius:8px;color:#2d6a4f;color:var(--navlink-active)}.cv-btn:hover{background-color:#2d6a4f;background-color:var(--navlink-active)}.cv-btn>a{display:flex;justify-content:center;width:100px}.cv-btn>a,.nav-container>a{color:#52b788;color:var(--light);text-decoration:none}.nav-container>a{transition:.15s ease-in-out}.nav-container>a:hover{color:#74c69d;color:var(--text-hover)}.nav-container .active{border-bottom:1px solid #74c69d;border-bottom:1px solid var(--text-hover);color:#2d6a4f;color:var(--navlink-active)}@media screen and (max-width:768px){.nav-header-container{flex-direction:column;font-size:4vw;justify-content:center}}.card-flex{-o-flex-wrap:wrap;justify-content:flex-start}.card-flex,.card-flex-item{background-color:var(--my-black);display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;width:100%}.card-flex-item{flex-direction:row;gap:15px;justify-content:center;padding-top:15px}@media screen and (max-width:768px){.card-flex{justify-content:center}.card-flex-item{align-items:center;flex-direction:column;width:80%}}.card-flex-wrapper{align-items:center;border:2px solid var(--navlink-active);border-radius:5px;color:var(--light);display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;margin-bottom:15px;margin-right:0;padding:5px;text-align:center;width:30%}.project-card-flex-image img{border-radius:15%;height:90%;margin-top:20px;width:80%}.card-flex-wrapper:hover{background-color:var(--navlink-active);cursor:pointer;opacity:50%}.card-flex-wrapper:hover .card-flex-image img{opacity:1;transition:opacity .5s}.icon-holder a{padding:5px}@media screen and (max-width:768px){.card-flex-wrapper{width:90%}}:root{--light:#2b9348}.about-container{background-color:#000;background-color:var(--my-black);width:100%}.about-holder{align-items:flex-start;display:flex;flex-direction:column;gap:5px;padding-left:10%;padding-top:20px;text-align:left;width:90%}.about-top{display:flex;flex-direction:row;gap:15px;height:auto}.profile-picture{border-radius:50%;max-height:auto;max-width:20%;padding:20px 10px 10px}.about-me{color:#2b9348;color:var(--light);font-size:1.5vw;padding-top:50px;width:65%}.about-bottom{display:flex;flex-direction:column;margin-bottom:10px;width:100%}.key-skills-list{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:space-around;width:80%}.key-skills-list p{color:#2b9348;display:flex;font-size:1.5vw;gap:10px;padding-top:5px}.key-skills-title{color:#2b9348;font-size:2vw;text-align:center;width:80%}.key-skills{padding-left:20px}@media screen and (max-width:1024px){.about-me{width:100%}}@media screen and (max-width:820px){.about-me{width:100%}}@media screen and (max-width:425px){.about-holder{align-items:center;padding-left:10%;text-align:center;white-space:pre-line;width:82%}.header{height:100px}.about-top{align-items:center;flex-direction:column;height:auto}.about-me,img{padding-top:0}.key-skills{font-size:3vw;padding:0}.key-skills-list{flex-direction:column}}.form-container{background-color:var(--my-black);justify-content:center;padding:5em 20em}.form-container,.form-header{align-items:center;display:flex;flex-direction:column}.form-header{color:#000;padding:1.5em 2em;text-align:center}.email-link{color:var(--navlink-active);font-size:xx-large}.contact-form{background-color:#fff;border-radius:1em;display:flex;flex-direction:column;padding:2em;width:50vw}.input-title{margin-top:30px;padding-bottom:2px;text-align:left}.input-box,.input-message{border:1px solid var(--navlink-active);border-radius:4px;box-sizing:border-box;color:#000;display:block;margin:1em 0;padding:1em 1.2em;width:100%}.input-message{height:8em;resize:vertical}.form-message{padding-bottom:1em}.contact-btn{background-color:#fff;border:1px solid var(--text-hover);border-radius:10px;color:var(--text-hover);height:3em;width:35%}.contact-btn:hover{background-color:var(--text-hover);border:none;color:#fff}.contact-btn{transition-duration:.4s}@media only screen and (max-width:1024px){.form-container{align-items:center;padding:0 2em}.contact-form{width:80vw}}:root{--dark:#081c15;--light:#52b788;--navlink-active:#2d6a4f;--text-hover:#74c69d;--my-black:#000}.footer-container{background-color:#000;background-color:var(--my-black);border-top:.5px solid #52b788;border-top:.5px solid var(--light);color:#52b788;color:var(--light);height:100px;padding-top:10px}.footer-link-holder{text-align:center}.footer-link-holder a{padding:10px}.footer-links{color:#52b788;color:var(--light);height:5px;text-decoration:none;transition:.15s ease-in-out;width:5px}.footer-links:hover{color:#2d6a4f;color:var(--navlink-active)}.rights{text-align:center}
/*# sourceMappingURL=main.d9c828c0.css.map*/