@import url(https://fonts.googleapis.com/css?family=Teko);*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f0e8}.App{font-family:Teko}nav{background-color:#8c916c;box-shadow:0 5px 15px (0,0,0,.06);justify-content:space-between;padding:20px 80px}#navbar,nav{align-items:center;display:flex}#navbar{justify-content:center}#navbar li{list-style:none;padding:0 20px;position:relative}#navbar li a{color:#3c2f24;font-size:1.5rem;font-weight:600;text-decoration:none;transition:.3s ease-in-out}#navbar li a:hover{color:#2c2219}#navbar li a:active:after,#navbar li a:hover:after{background:#2c2219;bottom:-4px;content:"";height:2px;left:20px;position:absolute;width:30%}#mobile{display:none}#mobile i{color:#3c2f24}@media screen and (max-width:769px){body.menu-open{padding-top:127px}nav{padding:20px;position:relative;z-index:100000}nav.fixed{left:0;position:fixed;right:0;top:0}#navbar{align-items:flex-start;background-color:#8c916c;box-shadow:0 40px 60px (0,0,0,.1);display:flex;flex-direction:column;height:calc(100vh - 127px);justify-content:flex-start;padding:0;position:fixed;right:-170px;top:127px;transition:.3s ease-in-out;width:170px;z-index:99999}#navbar.active{right:0}#navbar li{color:#3c2f24;margin-bottom:25px;padding-left:20px}#mobile{display:block}#mobile i{cursor:pointer;font-size:24px}}#Home{background-color:#f5f0e8;margin:0 auto;max-width:1200px;padding:20px}.hero-section{-webkit-animation:fadeIn 1s ease-in;animation:fadeIn 1s ease-in;justify-content:center;margin-bottom:30px;min-height:50vh}.hero-content,.hero-section{align-items:center;display:flex}.hero-content{gap:40px;margin:0 auto;max-width:1000px;padding:0 20px}.hero-text{flex:1 1}.hero-text h1{color:#6b7b4f;font-size:4.5rem;font-weight:700;margin-bottom:20px}.title-container{margin-bottom:25px}.hero-text h2{color:#7b5b3f;font-size:2.5rem;font-weight:500;margin-bottom:12px}.grad-status{align-items:center;display:flex;gap:15px}.grad-badge{background-color:#6b7b4f;border-radius:15px;color:#f8f6f2;font-size:1.3rem;font-weight:500;padding:8px 16px}.grad-status p{color:#7b5b3f;font-size:1.5rem;font-weight:500;margin:0}.hero-description{color:#7b5b3f;font-size:1.6rem;line-height:1.7;margin-bottom:35px}.hero-links{display:flex;gap:20px}.hero-link{align-items:center;border:2px solid #6b7b4f;border-radius:25px;color:#6b7b4f;display:flex;font-size:1.4rem;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.hero-link:hover{background-color:#6b7b4f;color:#f8f6f2;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.hero-icon{height:24px;width:24px}.content-section{display:flex;flex-direction:column;gap:30px;margin-top:10px}.boxH{background-color:#e8e0d5;border:2px solid #6b7b4f;border-radius:15px;box-shadow:0 4px 6px rgba(107,123,79,.1);padding:30px;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.boxH:hover{background-color:#e5dcd0;box-shadow:0 6px 12px rgba(107,123,79,.15);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.boxH h2{color:#6b7b4f;font-size:2.8rem;font-weight:600;margin-bottom:35px}.about-content{color:#7b5b3f;font-size:1.6rem;line-height:1.8}.about-content p{margin-bottom:25px}.skills-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-category h3{color:#6b7b4f;font-size:1.8rem;font-weight:500;margin-bottom:25px}.skill-category ul{list-style:none;padding:0}.skill-category li{color:#7b5b3f;font-size:1.6rem;margin-bottom:12px;padding-left:25px;position:relative}.skill-category li:before{color:#6b7b4f;content:"•";left:0;position:absolute}.profileImg{border:3px solid #6b7b4f;border-radius:50%;box-shadow:0 4px 8px rgba(107,123,79,.2);height:300px;object-fit:cover;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:300px}.profileImg:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}@media screen and (max-width:769px){.hero-content{flex-direction:column;gap:30px;text-align:center}.hero-text h1{font-size:3.5rem}.hero-text h2{font-size:2rem}.grad-status{flex-direction:column;gap:8px}.grad-badge{display:inline-block}.hero-links{flex-wrap:wrap;gap:15px;justify-content:center}.hero-links a{font-size:1.2rem;min-width:120px;padding:10px 20px;width:auto}.profileImg{height:200px;width:200px}.boxH{padding:30px 20px}.skills-grid{grid-template-columns:1fr}.about-content,.grad-status p,.hero-description{font-size:1.4rem}.skill-category h3{font-size:1.6rem}.skill-category li{font-size:1.4rem}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.row{flex-wrap:wrap;justify-content:space-around;margin-left:5%;margin-right:5%}.column{flex:1 1;max-width:30%;padding:10px}.boxList,.column{box-sizing:border-box}.boxList{align-items:center;border-radius:15px;box-shadow:0 4px 6px rgba(107,123,79,.1);color:#6b7b4f;display:flex;flex:1 1;flex-direction:column;margin:15px;max-width:100%;padding:20px;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.boxList:hover{box-shadow:0 6px 12px rgba(107,123,79,.15)}.boxListCode{align-items:center;background-color:#e8e0d5;border:2px solid #6b7b4f;border-radius:15px;box-shadow:0 4px 6px rgba(107,123,79,.1);box-sizing:border-box;color:#6b7b4f;display:flex;flex:1 1;flex-direction:column;max-width:33%;padding:20px;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.boxListCode:hover{background-color:#e5dcd0;box-shadow:0 4px 8px rgba(107,123,79,.1);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.DinsideBox{align-items:center;text-align:center}.Dicon{height:60px;padding:10px;width:60px}.DinsideText{color:#6b7b4f;font-size:1.4rem;text-align:center}@media screen and (max-width:769px){.row{flex-direction:column;margin-left:0;margin-right:0}.column{max-width:100%;padding:10px 0}.boxList,.boxListCode{margin:10px;max-width:90%;padding:15px}}#Code{margin-bottom:20px;padding:20px}#outsideBox{padding-top:40px}#disclaimer{background-color:#e8e0d5;border:2px solid #6b7b4f;border-radius:12px;box-shadow:0 2px 4px rgba(107,123,79,.2);margin:2rem auto;padding:1.5rem;text-align:center;width:70%}#disclaimer p{color:#6b7b4f;font-size:1.43rem;line-height:1.5;margin:0}#disclaimer a{color:#7b5b3f;font-weight:500;text-decoration:none;transition:color .3s ease}#disclaimer a:hover{color:#6b7b4f}.row{display:flex;gap:2rem;justify-content:center;margin-bottom:4rem}.boxList{background-color:#e8e0d5;border:2px solid #6b7b4f;border-radius:12px;box-shadow:0 4px 6px rgba(107,123,79,.2);cursor:pointer;padding:1.8rem;transition:all .3s ease;width:30%}.boxList:hover{background-color:#e5dcd0;border-color:#7b5b3f;box-shadow:0 8px 12px rgba(107,123,79,.3);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.DinsideBox{display:flex;flex-direction:column}.project-header{align-items:flex-start;display:flex;gap:1.2rem;margin-bottom:.8rem}.Dicon{background-color:#f5f0e8;border:1px solid #6b7b4f;border-radius:8px;box-shadow:0 2px 4px rgba(107,123,79,.2);height:80px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:80px}.Dicon:hover{border-color:#7b5b3f;-webkit-transform:scale(1.05);transform:scale(1.05)}.project-title{color:#6b7b4f;font-size:1.6rem;font-weight:600;line-height:1.3;margin-bottom:.4rem;text-decoration:none;transition:color .3s ease}.project-title:hover{color:#7b5b3f}.category-tags{margin-bottom:.6rem}.category-tag{background-color:#6b7b4f;border:1px solid #7b5b3f;border-radius:15px;box-shadow:0 2px 4px rgba(107,123,79,.2);color:#f5f0e8;display:inline-block;font-size:1.1rem;font-weight:500;margin-bottom:.5rem;margin-right:.6rem;padding:.4rem 1rem;transition:all .3s ease}.category-tag:hover{background-color:#7b5b3f;border-color:#6b7b4f;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.DinsideText p{color:#7b5b3f;font-size:1.35rem;line-height:1.5;margin-bottom:0}.project-header a{text-decoration:none}@media screen and (max-width:769px){.boxList{width:90%}.row{align-items:center;flex-direction:column}#disclaimer,#header{width:90%}}#PersonalBlog{margin:20px;padding-top:40px}#header{margin:0 auto;padding:2rem 0;width:70%}#header h1{color:#6b7b4f;font-size:3.25rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem;text-align:center}#header p{color:#7b5b3f;font-size:1.56rem;line-height:1.5;margin:0 auto;max-width:800px;text-align:center;width:90%}.photo-grid{flex-wrap:wrap;gap:1rem;margin:0 auto;max-width:1400px;padding:2rem}.photo-container,.photo-grid{display:flex;justify-content:center}.photo-container{align-items:center;aspect-ratio:1;background-color:#e8e0d5;border:2px solid #6b7b4f;border-radius:12px;box-shadow:0 2px 4px rgba(107,123,79,.2);padding:.5rem;transition:all .3s ease;width:15%}.photo-container:hover{border-color:#7b5b3f;box-shadow:0 4px 8px rgba(107,123,79,.3);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.photo{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;height:100%;object-fit:cover;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .3s ease;width:100%;will-change:transform}@media screen and (max-width:1400px){.photo-container{width:18%}}@media screen and (max-width:1200px){.photo-container{width:22%}}@media screen and (max-width:900px){.photo-container{width:30%}}@media screen and (max-width:769px){.photo-grid{gap:.5rem;padding:1rem}.photo-container{width:45%}#header{width:90%}}
/*# sourceMappingURL=main.6127fe93.css.map*/