@import"https://fonts.googleapis.com/css2?family=Bungee&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html{overflow-x:hidden;scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rollIn{0%{opacity:0;transform:translate(200%) rotate(0)}to{opacity:1;transform:translate(0) rotate(-360deg)}}.resume-container{width:100%;min-height:100vh;background-color:#272727;overflow:hidden}.dev-intro-container{width:60%;margin:10px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:10px;border-radius:10px}.body-container{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.body-container h1{width:100%;text-align:center;margin:0;color:#fff;font-family:Bungee,sans-serif;font-weight:400;font-style:normal;font-size:3rem}.bold-text{opacity:0;font-weight:700;padding-right:10px;font-size:3rem;animation:fadeIn 2s forwards}.dev-intro-container p{opacity:0;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;font-size:1.5rem;animation:fadeIn 2s forwards}.picture-of-me-container-wrapper{width:100%;display:flex;align-items:center;justify-content:center;background-color:#325569;padding:10px 0;z-index:1;border-bottom:2px solid #1c837e}.picture-of-me-container{opacity:0;width:30vw;height:30vw;border-radius:50%;display:block;overflow:hidden;border:2px solid #1c837e;z-index:2;animation:rollIn 2s forwards;animation-delay:.5s;box-shadow:0 10px 30px #000c,0 0 20px #1c837e66,inset 0 0 20px #fffc}.picture-of-me{width:100%;height:100%}.resume-download-container{width:60%;height:250px;margin:10px auto;padding:30px}.resume-download-container p{font-size:1.25rem;text-align:center;color:#fff}.resume-btn{margin:auto;text-align:center;min-width:175px;max-width:200px;height:10px;padding:10px 20px 20px;background-color:#1c837e;border-radius:10px}.resume-btn a{text-decoration:none;color:#fff}.dev-info-container{width:60%;margin:0 auto;display:flex;flex-direction:row;align-items:left;justify-content:center;color:#fff}.dev-info-container .card{padding:20px 20px 40px}.card h2{text-align:center}.card{box-shadow:0 4px 8px #000c;color:#fff;width:100%;min-height:250px;height:auto;padding:10px;background-color:#1d1d1d;margin:10px;border-radius:10px}.skills-rating{text-align:center;color:#fff;font-family:Bungee,sans-serif;font-weight:400;font-style:normal;font-size:2rem;padding:0;margin:0}.skill-container,.skill-container *{box-sizing:border-box}.skill-title{margin-top:40px}.skill-container{width:100%;height:2px;background-color:#ddd}.skill{width:0;text-align:right;color:#fff;height:2px;background-color:#881274;position:relative;transition:width 1s ease-out}.reveal.active .skill{width:var(--target-width)}.skill-marker{margin:0}.contact-description{text-align:center;color:#fff;padding:10px;font-size:1.5rem;font-weight:400;font-style:normal}.contact-container{width:60%;margin:10px auto;display:flex;flex-direction:row;align-items:left;justify-content:center}.contact-item{max-height:250px}.contact-email-icon{color:#fff}.contact-item p{text-align:center}.contact-item a{color:#fff;text-decoration:none}.contact-item-link a:hover{color:#1c837e}.span-text-icon-left{vertical-align:middle;margin-right:5px}.span-text-icon{vertical-align:middle;margin-left:5px}.footer-container{width:100%;text-align:center;color:#fff;margin-top:10px;border-top:1px solid #3b3b3b}.reveal{opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.active{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .8s ease,transform .8s ease}@media (max-width: 700px){.picture-of-me-container{width:200px;height:200px;min-width:200px;min-height:200px}.dev-info-container{width:60%;margin:10px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:10px}.contact-container{width:60%;margin:0 auto;display:flexbox;flex-direction:column;align-items:center}}.navbar-container{top:0;right:0;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:right;gap:10px;background-color:#383838cc;border-bottom:2px solid white;position:fixed;z-index:3;transition:.5s}.navbar-collapsed{width:80px;height:80px}.navbar-expanded{width:100%;height:80px}.expand-icon-span{margin-right:5px}.visible{opacity:1;visibility:visible;transition:.2s}.hidden{opacity:0;visibility:hidden;transition:.2s}.navbar-item{display:flex;align-items:center;justify-content:center;border-right:1px solid white;padding-right:10px}.expand-icon{display:flex;align-items:center;justify-content:center;border-right:1px solid white;padding:10px;border:none}.expand-icon-left-down{transform:rotate(0);transition:.2s}.expand-icon-right-up{transform:rotate(180deg);transition:.2s}.navbar-container a{color:#fff;font-size:1rem;text-decoration:none;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;transition:.2s}.navbar-container a:hover{font-size:1.2rem}@media (max-width: 700px){.navbar-container{top:0;right:0;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:top;gap:10px;background-color:#383838cc;border-left:2px solid white;border-bottom:none;position:fixed;z-index:3;transition:.5s}.navbar-item:nth-child(1){order:2}.navbar-item:nth-child(2){order:3}.navbar-item:nth-child(3){order:4}.navbar-item:nth-child(4){order:5}.expand-icon-left-down{transform:rotate(-90deg);transition:.2s}.expand-icon-right-up{transform:rotate(90deg);transition:.2s}.expand-icon{display:flex;align-items:center;justify-content:center;border-right:1px solid white;padding:12px 10px 10px;border:none}.expand-icon-span{order:1}.navbar-expanded{width:200px;height:100%}.navbar-item{display:flex;align-items:center;justify-content:center;border-right:none;border-bottom:1px solid white;padding:10px}}button{background-color:#1c837e;padding:10px;border-radius:10px;color:#fff;font-size:1rem;border:none}.error-container{width:100vw;height:100vh;margin:0;text-align:center;background-color:#272727;color:#fff}.error-container h1{margin:auto;font-size:3rem}.house-icon{vertical-align:middle}