body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--max-width:1750px}.main-root{flex-direction:column;min-height:100vh;overflow-x:hidden}.header-root,.main-root{align-items:center;display:flex;width:100%}.header-root{background:#232526;background:var(--bg-darker);box-shadow:0 8px 32px 0 #00000061,0 2px 8px 0 #0000003d;box-sizing:border-box;justify-content:space-between;padding:24px 32px}.header-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#5e60ce,#56cfe1);background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;color:#0000;font-family:SCodePro;font-size:2.5rem;font-style:italic;font-weight:700;margin:0;text-align:left}.header-button-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.headerbutton{background:#0000;border:2px solid;border-radius:12px;color:#eaeaea;color:var(--text-light);cursor:pointer;font-family:SCodePro;font-size:1rem;padding:10px 20px}.headerbutton,.headerbutton:hover{border-image:linear-gradient(90deg,#5e60ce,#56cfe1) 1;border-image:linear-gradient(90deg,var(--gradient-start),var(--gradient-end)) 1}.headerbutton:hover{background:#232526;background:var(--bg-darker);color:#f5f5f5;color:var(--text-lighter)}.root-divider{background:#3c3e3f;background:var(--bg-lightest);height:4px;margin-bottom:40px;margin-top:120px;max-width:1750px;max-width:var(--max-width);width:70%}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#5e60ce,#56cfe1);background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;color:#0000;font-family:SCodePro;font-size:2.2rem;font-weight:700;margin-bottom:25px;margin-top:0;text-align:center}.expedu-item-title,.name-title,.name-title-role,.project-item-title,.projects-title-desc,.skilltech-item-name{color:#eaeaea;color:var(--text-light)}.aboutme-text1,.aboutme-text2,.aboutme-text3,.expedu-item-desc,.expedu-item-grade,.name-title-desc,.project-item-desc,.skilltech-item-name{color:#f5f5f5;color:var(--text-lighter)}.intro-container{align-items:center;display:flex;gap:25px;justify-content:center;max-width:1750px;max-width:var(--max-width);width:95%}.intro-text-container{align-items:left;align-self:center;flex:1 1;flex-direction:column;justify-content:center;width:60%}.name-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#5e60ce,#56cfe1);background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;color:#0000;font-family:SCodePro;font-size:2.5rem;font-weight:700;text-align:center}.name-title-role{font-size:1.5rem;font-weight:400;margin:-2rem 0 45px}.name-title-desc,.name-title-role{font-family:Inconsolata;text-align:center}.name-title-desc{font-size:1.3rem;line-height:1.5rem;margin:10px auto 0;width:75%}.intro-image-container{align-items:center;align-self:center;display:flex;justify-content:flex-end;margin:100px 5% 5%;padding:0 0 0 20px;width:25%}.intro-image{border-radius:8px;height:auto;object-fit:cover;width:100%}.expedu-container{align-items:center;display:flex;flex-direction:column;max-width:1750px;max-width:var(--max-width);width:95%}.expedu-item-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);justify-items:center;width:100%}.expedu-item{align-items:center;background:#232526;background:var(--bg-darker);border-radius:16px;box-shadow:0 8px 32px 0 #00000061,0 2px 8px 0 #0000003d;cursor:pointer;display:flex;flex-direction:column;margin:16px 0;padding:24px 32px;transition:all .3s ease;width:80%}.expedu-item:hover{background:#181a1b;background:var(--bg-dark);transform:scale(1.105)}.expedu-item-skills{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:12px 0;width:100%}.expedu-item-skills-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;list-style:none;margin:0;padding:0;text-align:center}.expedu-item-skills-list,.expedu-item-skills-list li{color:#f5f5f5;color:var(--text-lighter);font-size:1rem}.expedu-item-skills-list li{background:#181a1b;background:var(--bg-dark);border-radius:8px;box-shadow:0 2px 8px 0 #0000002e;font-family:PTSans;margin:2px 0;padding:6px 14px}.expedu-item-title{-webkit-text-fill-color:#0000;align-self:center;background:linear-gradient(90deg,#5e60ce,#56cfe1);background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;color:#0000;font-family:SCodePro;font-size:1.25rem;font-weight:700;margin-bottom:0;margin-top:0;text-align:center}.expedu-item-desc,.expedu-item-grade{font-family:PTSans;margin-bottom:8px;width:100%}.expedu-item-desc{text-align:left}.expedu-item-grade{margin-bottom:0;margin-top:auto;padding-top:25px;text-align:right}.skilltech-container{align-items:center;display:flex;flex-direction:column;max-width:1750px;max-width:var(--max-width);width:95%}.skilltech-button-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:18px;width:100%}.skilltech-button{background:#232526;background:var(--bg-darker);border:2px solid #232526;border-color:var(--bg-darker);border-radius:12px;box-shadow:0 8px 32px 0 #00000061,0 2px 8px 0 #0000003d;color:#eaeaea;color:var(--text-light);cursor:pointer;font-family:SCodePro;font-size:1rem;margin:5px 0 25px;min-height:45px;padding:10px 20px;transition:all .3s ease}.skilltech-button:hover{background:linear-gradient(90deg,#5e60ce,#56cfe1);background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));color:#f5f5f5;color:var(--text-lighter);transform:scale(1.105)}.skilltech-item-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(8,1fr);justify-items:center;width:100%}.skilltech-item{align-items:center;background-color:#232526;background-color:var(--bg-darker);border-radius:16px;box-shadow:0 8px 32px 0 #00000061,0 2px 8px 0 #0000003d;display:flex;flex-direction:column;height:150px;justify-content:flex-start;padding:12px 0;transition:all .3s ease;width:80%}.skilltech-item:hover{background:#181a1b;background:var(--bg-dark);cursor:pointer;transform:scale(1.105)}.skilltech-item-img{display:block;height:50%;margin-bottom:8px;margin-top:10px;object-fit:contain;width:50%}.skilltech-item-name{align-self:center;color:#eaeaea;color:var(--text-light);font-family:SCodePro;font-size:1rem;margin:auto 0 0;text-align:center}.skilltech-progress-bars-container{display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;margin-bottom:60px;width:95%}.skilltech-progress-bar{align-items:center;background:#232526;background:var(--bg-darker);border-radius:10px;box-shadow:0 8px 32px 0 #00000061,0 2px 8px 0 #0000003d;display:flex;flex-direction:row;margin:8px 0 20px;overflow:hidden;padding:16px;transition:all .3s ease;width:90%}.skilltech-progress-bar-img{height:100%;margin-right:15px;max-height:100px;width:15%}.skilltech-progress-bar-text{align-items:center;display:flex;flex-direction:column;width:85%}.progress-bar-desc{color:#f5f5f5;color:var(--text-lighter);font-family:PTSans;font-size:1rem;margin:10px 0 0;text-align:center}.skilltech-progress-bar:hover{background:#181a1b;background:var(--bg-dark);cursor:pointer;transform:scale(1.05)}.skilltech-progress-bar-title{color:#eaeaea;color:var(--text-light);font-family:SCodePro;font-size:1.25rem;margin:8px 16px}.skilltech-progress-bar-fill{background-color:#3c3e3f;background-color:var(--bg-lightest);border-radius:8px;box-shadow:0 8px 32px 0 #00000061,0 2px 8px 0 #0000003d;height:12px;overflow:hidden;position:relative;width:100%}.skilltech-progress-bar-fill::-webkit-progress-bar{background-color:#3c3e3f;background-color:var(--bg-lightest);border-radius:8px}.skilltech-progress-bar-fill::-webkit-progress-value{background:linear-gradient(90deg,#5e60ce,#56cfe1);background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));border-radius:8px}.skilltech-progress-bar-fill::-moz-progress-bar{background:linear-gradient(90deg,#5e60ce,#56cfe1);background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));border-radius:8px}.projects-container{align-items:center;display:flex;flex-direction:column;max-width:1750px;max-width:var(--max-width);width:95%}.title-desc{color:#f5f5f5;color:var(--text-lighter);font-family:SCodePro;font-size:1.5rem;font-weight:400;margin:-12px 0 30px;text-align:center}.project-item-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);justify-items:center;width:100%}.project-item{align-items:center;background:#232526;background:var(--bg-darker);border-radius:16px;box-shadow:0 8px 32px 0 #00000061,0 2px 8px 0 #0000003d;display:flex;flex-direction:column;margin:12px 0;padding:18px 0 12px;position:relative;transition:all .3s ease;width:90%}.project-item-title{-webkit-text-fill-color:#0000;align-self:center;background:linear-gradient(90deg,#5e60ce,#56cfe1);background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;color:#0000;font-family:SCodePro;font-size:1.15rem;font-weight:700;margin-bottom:12px;margin-top:0;text-align:center}.project-item-img{height:200px;object-fit:cover;width:100%}.project-item-desc{align-self:flex-start;color:#f5f5f5;color:var(--text-lighter);font-family:PTSans;font-size:1rem;margin:20px 0 10px 20px;max-width:90%;overflow-wrap:break-word;text-align:left;width:100%;word-break:break-word}.project-item:hover{background:#181a1b;background:var(--bg-dark);cursor:pointer;transform:scale(1.105)}.aboutme-container{grid-gap:32px;align-items:center;display:grid;gap:32px;grid-template-columns:1fr 2fr 1fr;margin:48px auto;max-width:1750px;max-width:var(--max-width);width:95%}.aboutme-image-left,.aboutme-image-right{align-items:center;display:flex;height:100%;justify-content:center;min-height:220px;width:100%}.aboutme-img{border-radius:24px;box-shadow:0 4px 16px 0 #0000002e;display:block;height:320px;margin:auto;object-fit:cover;padding-bottom:15px;transition:all .3s ease;width:320px}.aboutme-img:hover{transform:scale(1.705)}.aboutme-text1,.aboutme-text2,.aboutme-text3{align-items:center;background:#232526;background:var(--bg-darker);border-radius:16px;box-shadow:0 8px 32px 0 #0000002e;color:#eaeaea;color:var(--text-light);display:flex;font-family:Inconsolata;font-size:1.5rem;justify-content:center;line-height:2.2rem;min-height:220px;padding:32px 40px;text-align:center}.aboutme-root{margin-bottom:50px;width:95%}.aboutme-root,.contact-container{align-items:center;display:flex;flex-direction:column}.contact-container{background-color:#232526;background-color:var(--bg-darker);border-radius:16px;margin:50px 0 100px;max-width:1750px;max-width:var(--max-width);padding:40px}.contact-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#5e60ce,#56cfe1);background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;color:#0000;font-family:SCodePro;font-size:2.2rem;font-weight:700;margin-bottom:25px;margin-top:0;text-align:left}.contact-item-text{font-family:PTSans;font-size:1.2rem;margin:8px 0}.contact-item-text,.email-link{color:#f5f5f5;color:var(--text-lighter)}.email-link{font-weight:700}.contact-linkedin-img{cursor:pointer;height:40px;margin-top:10px;width:40px}.contact-linkedin-img:hover{box-shadow:0 8px 32px 0 #00000061,0 2px 8px 0 #0000003d;opacity:.7;transition:opacity .3s}.footer-root{background:#232526;background:var(--bg-darker);bottom:0;box-shadow:0 -8px 32px 0 #00000061,0 -2px 8px 0 #0000003d;color:#f5f5f5;color:var(--text-lighter);font-family:PTSans;padding:5px;position:relative;text-align:left;width:100%}.footer-text{font-size:1rem;margin:0;padding:8px 16px}@media (max-width:1150px){:root{--mobile-padding:8px}.header-root{flex-direction:column;padding:var(--mobile-padding)}.header-title{font-size:2.5rem;margin-bottom:15px;text-align:center}.header-button-container{align-items:center;flex-direction:row;gap:10px;padding:10px 0}.headerbutton{font-size:.9rem;height:50px;margin:0;max-width:200px;padding:6px 12px;width:100%}.main-root{padding:0}.root-divider{height:2px;margin-bottom:18px;margin-top:40px;width:90%}.section-title{font-size:1.3rem;margin-bottom:15px}.intro-container{flex-direction:column;gap:10px;width:95%}.intro-text-container{width:100%}.name-title{font-size:2rem;margin-top:40px}.name-title-role{font-size:1rem;margin:-1rem 0 25px}.name-title-desc{font-size:1rem;line-height:1.2rem;width:95%}.intro-image-container{justify-content:center;margin:30px auto 0;padding:0;width:100%}.intro-image{height:auto;max-width:265px;width:70vw}.expedu-container{width:100%}.expedu-item-container{gap:10px;grid-template-columns:1fr}.expedu-item{padding:15px;width:75%}.expedu-item-title{font-size:1rem}.expedu-item-desc,.expedu-item-grade{font-size:.95rem}.skilltech-container{width:95%}.skilltech-button-container{gap:8px;grid-template-columns:repeat(4,3fr);margin-bottom:10px}.skilltech-button{font-size:.75rem;padding:2px}.skilltech-item-container{gap:8px;grid-template-columns:repeat(4,1fr)}.skilltech-item{height:90px;padding:6px 0;width:98%}.skilltech-item-img{height:40%;margin-bottom:4px;margin-top:4px;width:40%}.skilltech-item-name{font-size:.9rem}.projects-container{width:95%}.projects-title-desc{font-size:1.1rem;margin:-1rem 0 15px}.project-item-container{gap:10px;grid-template-columns:1fr}.project-item{padding:8px 0 6px;width:90%}.project-item-title{font-size:1rem;margin-bottom:8px}.project-item-img{height:250px}.project-item-desc{font-size:.95rem;margin:10px 0 6px 10px;max-width:98%}.aboutme-container{gap:10px;grid-template-columns:1fr 2fr;margin:12px auto}.aboutme-img-container-left{align-items:center;height:auto;justify-content:center;min-height:150px;width:100%}.aboutme-img-container-right{display:none;visibility:hidden}.aboutme-img{height:150px;max-width:150px}.aboutme-text1,.aboutme-text2,.aboutme-text3{font-size:.75rem;line-height:1.3rem;min-height:80px;padding:12px 8px}.aboutme-root{margin-bottom:20px;width:95%}.contact-container{margin:30px 0 50px;padding:20px;visibility:visible;width:80%}.footer-text{font-size:.75rem;text-align:center}.skilltech-progress-bars-container{grid-template-columns:1fr}}.rain-container{background-color:#181a1b;inset:0;pointer-events:none;position:fixed;z-index:-1}.shape{animation-iteration-count:infinite;animation-name:drop;animation-timing-function:linear;background:var(--color);position:absolute;top:0}.shape.square{background-color:#56cfe1;border-radius:2px}.shape.triangle{background:none;border-bottom:var(--triangle-size) solid #59a6db;border-left:calc(var(--triangle-size)/2) solid #0000;border-right:calc(var(--triangle-size)/2) solid #0000;height:0;width:0}.shape.pentagon{background-color:#5b8ad6;clip-path:polygon(50% 0,95% 38%,77% 91%,23% 91%,5% 38%)}.shape.hexagon{background-color:#5e60ce;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)}@keyframes drop{0%{opacity:0;transform:translateY(-60px) rotate(180deg)}20%{opacity:.3}80%{opacity:.3}to{opacity:0;transform:translateY(110vh)}}.devices-root{align-items:center;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}:root{--bg-dark:#181a1b;--bg-darker:#232526;--bg-lightest:#3c3e3f;--text-light:#eaeaea;--text-lighter:#f5f5f5;--chamoisee:#b08968;--raw-umber:#9c6644;--gradient-start:#5e60ce;--gradient-end:#56cfe1}@font-face{font-family:Inconsolata;src:url(/static/media/Inconsolata.f73e35ea8b5b806b45dd.ttf) format("truetype")}@font-face{font-family:Trocci;src:url(/static/media/Trocchi-Regular.b6e90c882afe57d599d0.ttf) format("truetype")}@font-face{font-family:PTSans;src:url(/static/media/PTSans-Regular.77e92507394e2309d837.ttf) format("truetype")}@font-face{font-family:SCodePro;src:url(/static/media/SourceCodePro-Regular.5b5fc5425257cd6642d1.ttf) format("truetype")}.whoops-root{min-height:100vh;overflow-x:hidden;width:100%}.whoops-content,.whoops-root{align-items:center;display:flex;flex-direction:column}.whoops-content{flex-grow:1;justify-content:center;padding:40px 20px;text-align:center}.whoops-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#5e60ce,#56cfe1);background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;color:#0000;font-family:SCodePro;font-size:6.2rem;font-weight:700;margin-bottom:0;text-align:center}.whoops-text{font-family:inconsolata;font-size:1.8rem;margin-bottom:15px;max-width:600px;text-align:center}.whoops-button,.whoops-text{color:#eaeaea;color:var(--text-light)}.whoops-button{background:#232526;background:var(--bg-darker);border:2px solid #232526;border-color:var(--bg-darker);border-radius:12px;box-shadow:0 8px 32px 0 #00000061,0 2px 8px 0 #0000003d;cursor:pointer;font-family:SCodePro;font-size:1rem;margin:25px 0;min-height:45px;padding:10px 20px;transition:all .3s ease}.whoops-button:hover{background:linear-gradient(90deg,#5e60ce,#56cfe1);background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));color:#f5f5f5;color:var(--text-lighter);transform:scale(1.105)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.3cb65f58.css.map*/