*{box-sizing:border-box;margin:0;padding:0}:root{background-color:#222;color:#f0f8ff;font-family:Alumni Sans SC,sans-serif}.panel-container{display:flex;flex-direction:row;width:100%;height:5vh;align-items:center;padding:0 10px}.panel-container .titlelogo{justify-content:start;color:var(--color-brand-700);font-size:var(--font-size-medium);letter-spacing:var(--letter-spacing-small);font-weight:400}.panel-container .right-container{display:flex;flex-direction:row;flex:1;justify-content:end;align-items:center;gap:10px}.footer-layout{display:flex;flex-direction:row;justify-content:center;gap:30px;align-items:center;height:100%}.footer-icons{color:var(--color-brand-700);cursor:pointer}.footer-tooltip{background-color:var(--color-brand-500)!important;border:1px solid var(--color-brand-1000);color:var(--color-brand-1200)!important;font-weight:700;letter-spacing:var(--letter-spacing-xsmall)}.modal-container{position:absolute;top:-150px;z-index:998}.modal-card{background-color:var(--color-brand-1400);padding:5px;color:var(--color-brand-700);min-width:150px;border:1px solid var(--color-brand-1200);position:relative}.modal-card h2{margin:0 0 10px;font-size:var(--font-size-small)}.modal-card hr{border:none;border-top:1px solid var(--color-brand-1200);margin:10px 0}.close{position:absolute;border-radius:50%;width:25px;height:25px;border:1px solid var(--color-brand-1200);background-color:var(--color-brand-700);color:var(--color-brand-1400);top:10px;right:10px;z-index:999;cursor:pointer}.Links-container{display:flex;flex-direction:column;width:100%;padding:5px;gap:5px}.Links-container .linkedin,.Links-container .github{display:flex;flex-direction:row;gap:10px;padding:5px;text-decoration:none;color:var(--color-brand-700);border:1px solid var(--color-brand-1200)}.Links-container .linkedin:hover,.Links-container .github:hover{color:var(--color-brand-1400);background-color:var(--color-brand-700)}@media screen and (max-width: 600px){.footer-tooltip{display:none}}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.about-section-1{display:grid;grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(10,50px)}.about-section-1 .image-container{grid-area:1 / 1 / 11 / 8;background-color:var(--color-brand-700);border-top:1px solid var(--color-brand-1200)}.about-section-1 .image-container img{object-fit:scale-down;width:100%;height:100%;filter:grayscale(100%)}.about-section-1 .about-description{overflow-y:scroll;grid-area:1 / 8 / 11 / 21;background-color:var(--color-brand-1400);color:var(--color-brand-700);font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small);padding:30px;white-space:pre-line;border-top:1px solid var(--color-brand-1200);border-left:1px solid var(--color-brand-1200)}.about-section-1 ::-webkit-scrollbar{width:5px}.about-section-1 ::-webkit-scrollbar-thumb{background-color:var(--color-primary-peach);border-radius:5px}.about-section-1 ::-webkit-scrollbar-track{background-color:var(--color-primary-black)}.about-section-2 .hobbies-title{font-size:var(--font-size-large);letter-spacing:var(--letter-spacing-large);font-weight:400;color:var(--color-brand-1400);background-color:var(--color-brand-700);padding:10px 30px;border-top:1px solid var(--color-brand-1200);border-bottom:1px solid var(--color-brand-1200)}.about-section-2 .hobbies-description{font-size:var(--font-size-small);color:var(--color-brand-700);background-color:var(--color-brand-1400);padding:30px;letter-spacing:var(--letter-spacing-xsmall);white-space:pre-line}.about-section-2 .hobbies-list{display:flex;flex-direction:row;flex-wrap:wrap;background-color:var(--color-brand-1400);gap:10px;padding:30px}.about-section-2 .hobbies-list .hobbie-card{min-width:300px;flex:1;border:1px solid var(--color-brand-1200)}.about-section-2 .hobbies-list .hobbie-card .hobbie-title{background-color:var(--color-brand-700);object-fit:cover;color:var(--color-brand-1400);font-size:var(--font-size-small);font-weight:600;letter-spacing:var(--letter-spacing-small);padding:5px}.about-section-2 .hobbies-list .hobbie-card ul{background-color:var(--color-brand-1400);list-style:none;height:300px;overflow-y:scroll;border:4px solid var(--color-brand-1300);color:var(--color-brand-700)}.about-section-2 .hobbies-list .hobbie-card ul li{padding:5px;font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small)}.about-section-2 .hobbies-list .hobbie-card ul li:nth-child(2n){background-color:var(--color-brand-1300)}.about-section-2 .hobbies-list .hobbie-card ul::-webkit-scrollbar{width:5px}.about-section-2 .hobbies-list .hobbie-card ul::-webkit-scrollbar-thumb{background-color:var(--color-brand-500);border-radius:5px}.about-section-2 .hobbies-list .hobbie-card ul::-webkit-scrollbar-track{background-color:var(--color-brand-1400)}@media screen and (max-width: 600px){.about-section-1{display:grid;grid-template-columns:repeat(30,1fr);grid-template-rows:repeat(35,30px)}.about-section-1 .image-container{grid-area:1 / 1 / 22 / 31}.about-section-1 .image-container img{object-fit:fill;width:100%;height:100%}.about-section-1 .about-description{grid-area:22 / 1 / 36 / 31;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-uxsmall);padding:10px;border-left:none}.about-section-2 .hobbies-title{font-size:50px;letter-spacing:var(--letter-spacing-medium);padding:2px 8px;color:var(--color-brand-1400);background-color:var(--color-brand-700);border-bottom:1px solid var(--color-brand-1200)}.about-section-2 .hobbies-description{font-size:var(--font-size-xsmall);padding:10px;letter-spacing:var(--letter-spacing-xsmall)}.about-section-2 .hobbies-list{padding:5px;gap:30px}.about-section-2 .hobbies-list .hobbie-card{padding:5px}.about-section-2 .hobbies-list .hobbie-card .hobbie-title{font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small);padding:5px}.about-section-2 .hobbies-list .hobbie-card ul{overflow-y:scroll;border:none}.about-section-2 .hobbies-list .hobbie-card ul li{padding:5px;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall)}}.education-title{display:flex;flex-direction:row;align-items:center;border-bottom:1px solid var(--color-brand-1200);padding:5px;margin:0 auto;width:94%;color:var(--color-brand-700)}.education-title .main-icon{width:60px;height:60px}.education-title h2{flex:1;color:var(--color-brand-500);font-size:var(--font-size-large);font-weight:400;letter-spacing:var(--letter-spacing-medium);padding:0 0 0 10px}.education-timeline-container{display:flex;flex-direction:column;padding:20px 0;gap:10px;width:94%;margin:0 auto 50px}.education-timeline-container .timeline-item-container{display:flex;flex-direction:row;width:100%;color:var(--color-brand-700)}.education-timeline-container .timeline-item-container .timeline-separator{flex:1;width:100%;display:flex;flex-direction:column;align-items:start}.education-timeline-container .timeline-item-container .timeline-separator .timelineImage{border:1px solid var(--color-brand-1200);padding:5px}.education-timeline-container .timeline-item-container .timeline-separator hr{background-color:var(--color-brand-1200);height:100%;width:1px;border:none}.education-timeline-container .timeline-item-container .timeline-card-grid{flex:12;display:grid;grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(10,20px);gap:1px;color:var(--color-brand-700);background-color:var(--color-brand-1200);border:1px solid var(--color-brand-1200)}.education-timeline-container .timeline-item-container .timeline-card-grid .degree-title{background-color:var(--color-brand-700);color:var(--color-brand-1400);grid-area:1 / 1 / 4 / 21;display:flex;align-items:center;padding:5px;font-size:var(--font-size-medium);font-weight:400;letter-spacing:var(--letter-spacing-medium)}.education-timeline-container .timeline-item-container .timeline-card-grid .institution{background-color:var(--color-brand-1400);grid-area:4/1/6/13;font-size:var(--font-size-small);font-weight:400;letter-spacing:var(--letter-spacing-small);padding:5px}.education-timeline-container .timeline-item-container .timeline-card-grid .duration{background-color:var(--color-brand-1400);grid-area:4/13/6/17;font-size:var(--font-size-small);font-weight:400;letter-spacing:var(--letter-spacing-small);padding:5px}.education-timeline-container .timeline-item-container .timeline-card-grid .gpa{background-color:var(--color-brand-1400);grid-area:4/17/6/21;font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small);padding:5px;font-weight:400}.education-timeline-container .timeline-item-container .timeline-card-grid .highlights{background-color:var(--color-brand-1400);grid-area:6/1/11/21;font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small);padding:5px;font-weight:400}.education-timeline-container .timeline-item-container .timeline-card-grid .highlights ul{list-style:square;margin-left:22px}.certification-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;padding:10px;width:95%;margin:0 auto 50px}.certification-container .certification-card{background-color:var(--color-brand-1400);border:1px solid var(--color-brand-1200)}.certification-container .certification-card .certification-card-title{background-color:var(--color-brand-700)}.certification-container .certification-card .certification-card-title h4{color:var(--color-brand-1400);font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small);border-bottom:1px solid var(--color-brand-1200);padding:5px;font-weight:500}.certification-container .certification-card .certification-card-title h5{color:var(--color-brand-700);background-color:var(--color-brand-1400);font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small);border-bottom:1px solid var(--color-brand-1200);font-weight:500;padding:5px}.certification-container .certification-card .certification-card-content{background-color:var(--color-brand-1400);color:var(--color-brand-700);font-size:var(--font-size-small);font-weight:500;letter-spacing:var(--letter-spacing-small);padding:5px}.certification-container .certification-card .certification-card-tags{background-color:var(--color-brand-1400);display:flex;align-self:end;flex-direction:row;flex-wrap:wrap;gap:10px;margin:5px}.certification-container .certification-card .certification-card-tags div{background-color:var(--color-brand-700);color:var(--color-brand-1400);font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall);border-radius:2px;padding:0 5px}.institution-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:5px;padding:10px;width:95%;margin:0 auto 50px}.institution-container .institution-card{background-color:var(--color-brand-1400);border:1px solid var(--color-brand-1200);display:flex;flex-direction:column}.institution-container .institution-card .institution-card-title{background-color:var(--color-brand-1400);display:flex;flex-direction:row;gap:10px;border-bottom:1px solid var(--color-brand-1200)}.institution-container .institution-card .institution-card-title img{width:50px;height:50px;padding:5px;filter:grayscale(60%)}.institution-container .institution-card .institution-card-title div{display:flex;flex-direction:column;justify-content:center;font-size:var(--font-size-small);font-weight:500;letter-spacing:var(--letter-spacing-small);color:var(--color-brand-700)}.institution-container .institution-card .email{background-color:var(--color-brand-1400);color:var(--color-brand-700);display:flex;flex-direction:row;gap:5px;border-bottom:1px solid var(--color-brand-1200);align-items:center;padding:2px}.institution-container .institution-card .email div{display:flex;flex-direction:column;justify-content:center;font-size:var(--font-size-xsmall);font-weight:500;letter-spacing:var(--letter-spacing-xsmall)}.institution-container .institution-card .address{background-color:var(--color-brand-1400);color:var(--color-brand-700);font-size:var(--font-size-xsmall);font-weight:500;letter-spacing:var(--letter-spacing-xsmall);padding:5px}.institution-container .institution-card .link{width:100%;text-align:center;background-color:var(--color-brand-1400);flex:1;display:flex;justify-content:center;margin-bottom:10px}.institution-container .institution-card .link a{background-color:var(--color-brand-1400);color:var(--color-brand-700);text-decoration:none;font-size:var(--font-size-xsmall);font-weight:500;letter-spacing:var(--letter-spacing-xsmall);padding:5px;align-self:flex-end;border:1px solid var(--color-brand-1200);margin-bottom:2px;display:flex;gap:5px;align-items:center}.institution-container .institution-card .link a:hover{background-color:var(--color-brand-700);color:var(--color-brand-1400);transition:.3s ease-in-out}@media screen and (max-width: 900px){.education-title{margin-top:40px}.education-title .main-icon{width:40px;height:40px}.education-title h2{font-size:var(--font-size-medium);letter-spacing:var(--letter-spacing-small);padding:0 0 0 5px}.education-timeline-container{margin-top:10px;gap:5px}.education-timeline-container .timeline-item-container{width:99%}.education-timeline-container .timeline-item-container .timeline-separator .timelineIcon{width:40px;height:40px;padding:3px}.education-timeline-container .timeline-item-container .timeline-separator hr{width:4px}.education-timeline-container .timeline-item-container .timeline-card-grid{grid-template-rows:repeat(8,20px);gap:3px;border:3px solid var(--color-brand-1000)}.education-timeline-container .timeline-item-container .timeline-card-grid .degree-title{grid-area:1 / 1 / 3 / 21;font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small)}.education-timeline-container .timeline-item-container .timeline-card-grid .institution{grid-area:3/1/5/13;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall)}.education-timeline-container .timeline-item-container .timeline-card-grid .duration{grid-area:3/13/5/17;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall)}.education-timeline-container .timeline-item-container .timeline-card-grid .gpa{grid-area:3/17/5/21;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall)}.education-timeline-container .timeline-item-container .timeline-card-grid .highlights{grid-area:5/1/9/21;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall)}.certification-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;padding:5px}.certification-container .certification-card{border:3px solid var(--color-brand-1000)}.certification-container .certification-card .certification-card-title h4{font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall);border-bottom:1px solid var(--color-light-peach)}.certification-container .certification-card .certification-card-title h5{font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall)}.certification-container .certification-card .certification-card-content{font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall)}.certification-container .certification-card .certification-card-tags{gap:10px;margin-top:5px}.certification-container .certification-card .certification-card-tags div{font-size:var(--font-size-uxsmall);letter-spacing:var(--letter-spacing-uxsmall);border-radius:2px;padding:0 3px}.institution-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:5px;padding:5px}.institution-container .institution-card{border:1px solid var(--color-brand-1200);padding:5px}.institution-container .institution-card .institution-card-title{gap:5px}.institution-container .institution-card .institution-card-title img{padding:3px}.institution-container .institution-card .institution-card-title div{font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall)}.institution-container .institution-card .email{gap:2px}.institution-container .institution-card .email img{width:25px;height:25px;padding:3px}.institution-container .institution-card .email div{font-size:var(--font-size-uxsmall);letter-spacing:var(--letter-spacing-uxsmall)}.institution-container .institution-card .address{font-size:var(--font-size-uxsmall);letter-spacing:var(--letter-spacing-uxsmall)}.institution-container .institution-card .link{justify-content:start}.institution-container .institution-card .link a{font-size:var(--font-size-uxsmall);letter-spacing:var(--letter-spacing-uxsmall);padding:3px;border:1px solid var(--color-brand-1200);margin-bottom:1px}}@media screen and (max-width: 650px){.education-title{margin-top:20px}.education-title .main-icon{width:30px;height:30px}.education-title h2{font-size:var(--font-size-medium);letter-spacing:var(--letter-spacing-xsmall);padding:0 0 0 3px}.education-timeline-container{margin-top:8px;gap:5px}.education-timeline-container .timeline-item-container{width:99%}.education-timeline-container .timeline-item-container .timeline-separator{display:none}.education-timeline-container .timeline-item-container .timeline-card-grid{grid-template-rows:repeat(12,20px);gap:1px;border:1px solid var(--color-brand-1200)}.education-timeline-container .timeline-item-container .timeline-card-grid .degree-title{grid-area:1 / 1 / 3 / 21;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall)}.education-timeline-container .timeline-item-container .timeline-card-grid .institution{grid-area:3/1/5/21;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-uxsmall);padding:2px}.education-timeline-container .timeline-item-container .timeline-card-grid .duration{grid-area:5/1/7/10;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-uxsmall);padding:2px}.education-timeline-container .timeline-item-container .timeline-card-grid .gpa{grid-area:5/10/7/21;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-uxsmall);padding:2px}.education-timeline-container .timeline-item-container .timeline-card-grid .highlights{grid-area:7/1/13/21;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-uxsmall)}.education-timeline-container .timeline-item-container .timeline-card-grid .highlights ul{margin-left:16px}.certification-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;padding:5px}.certification-container .certification-card{border:1px solid var(--color-brand-1200)}.certification-container .certification-card .certification-card-title h4{font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-uxsmall);border-bottom:1px solid var(--color-brand-1200)}.certification-container .certification-card .certification-card-title h5{font-size:var(--font-size-uxsmall);letter-spacing:var(--letter-spacing-uxsmall)}.certification-container .certification-card .certification-card-content{font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-uxsmall)}.certification-container .certification-card .certification-card-tags{gap:8px;padding:3px;margin-top:2px}.certification-container .certification-card .certification-card-tags div{padding:0 5px;font-size:var(--font-size-xsmall)}.institution-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.outer-card-container{display:flex;flex-direction:column;gap:10px;padding:20px}.outer-card-container .inner-container{display:flex;gap:10px;flex-direction:row}.outer-card-container .inner-container .timeline-container{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;color:var(--color-brand-700)}.outer-card-container .inner-container .timeline-container .timelineImage{border:1px solid var(--color-brand-1200);padding:5px}.outer-card-container .inner-container .timeline-container hr{background-color:var(--color-brand-1200);height:100%;width:1px;border:none}.outer-card-container .inner-container .card-container{display:grid;grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(17,20px);gap:1px;width:95%;margin:0 auto;background-color:var(--color-brand-1200);padding:1px}.outer-card-container .inner-container .card-container .company-name{background-color:var(--color-brand-700);grid-area:1/2/4/21;font-size:var(--font-size-medium);font-weight:600;padding:5px;color:var(--color-brand-1400);letter-spacing:var(--letter-spacing-medium);display:flex;align-items:center}.outer-card-container .inner-container .card-container .job-title{background-color:var(--color-brand-1400);grid-area:4/2/6/21;color:var(--color-brand-700);font-size:var(--font-size-medium);font-weight:600;padding:5px;letter-spacing:var(--letter-spacing-medium);display:flex;align-items:center}.outer-card-container .inner-container .card-container .job-duration{background-color:var(--color-brand-1400);color:var(--color-brand-700);grid-area:1/1/18/2;writing-mode:vertical-rl;transform:rotate(180deg);height:100%;font-weight:500;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-small);padding:5px;letter-spacing:var(--letter-spacing-medium)}.outer-card-container .inner-container .card-container .job-description{background-color:var(--color-brand-1400);grid-area:6/2/18/13;font-weight:500;color:var(--color-brand-700);overflow:hidden}.outer-card-container .inner-container .card-container .job-description div{background-color:var(--color-brand-1400);width:100%;padding:10px;color:var(--color-brand-700);font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small);border-bottom:1px solid var(--color-brand-1200)}.outer-card-container .inner-container .card-container .job-description p{padding:10px;margin:0;font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small)}.outer-card-container .inner-container .card-container .job-location{background-color:var(--color-brand-1400);grid-area:14/13/18/21;font-weight:500;color:var(--color-brand-700);overflow:hidden}.outer-card-container .inner-container .card-container .job-location div{background-color:var(--color-brand-1400);width:100%;padding:5px;color:var(--color-brand-700);font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small);border-bottom:1px solid var(--color-brand-1200)}.outer-card-container .inner-container .card-container .job-location p{padding:5px;margin:0;font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small)}.outer-card-container .inner-container .card-container .tech-stack{background-color:var(--color-brand-1400);grid-area:6/13/14/21;color:var(--color-brand-700);overflow:hidden;font-weight:500}.outer-card-container .inner-container .card-container .tech-stack div{background-color:var(--color-brand-1400);width:100%;padding:10px;color:var(--color-brand-700);font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small)}.outer-card-container .inner-container .card-container .tech-stack .tech-stack-container{background-color:var(--color-brand-1400);display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--color-brand-1200)}.outer-card-container .inner-container .card-container .tech-stack .tech-stack-container p{background-color:var(--color-brand-700);color:var(--color-brand-1400);padding:0 5px;font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small);border:1px solid var(--color-brand-1200)}.outer-card-container .inner-container .card-container .tech-stack .tech-stack-container p:hover{background-color:var(--color-brand-1400);color:var(--color-brand-700)}@media screen and (max-width: 900px){.outer-card-container{padding:10px}.outer-card-container .inner-container{gap:10px}.outer-card-container .inner-container .card-container{grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(18,20px);gap:1px;width:95%;padding:1px}.outer-card-container .inner-container .card-container .company-name{grid-area:1/2/3/21;font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-xsmall)}.outer-card-container .inner-container .card-container .job-title{grid-area:3/2/5/21;font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-xsmall)}.outer-card-container .inner-container .card-container .job-duration{grid-area:1/1/19/2;font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small)}.outer-card-container .inner-container .card-container .job-description{grid-area:5/2/14/21}.outer-card-container .inner-container .card-container .job-description div{padding:5px;font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-xsmall)}.outer-card-container .inner-container .card-container .job-description p{padding:5px;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall)}.outer-card-container .inner-container .card-container .job-location{grid-area:14/13/19/21}.outer-card-container .inner-container .card-container .job-location div{padding:5px;font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-xsmall)}.outer-card-container .inner-container .card-container .job-location p{padding:5px;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall)}.outer-card-container .inner-container .card-container .tech-stack{grid-area:14/2/19/13}.outer-card-container .inner-container .card-container .tech-stack div{padding:5px;font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-xsmall)}.outer-card-container .inner-container .card-container .tech-stack .tech-stack-container{gap:5px}.outer-card-container .inner-container .card-container .tech-stack .tech-stack-container p{padding:0 2px;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall);border-radius:2px}}@media screen and (max-width: 600px){.outer-card-container{gap:15px;padding:10px 0}.outer-card-container .inner-container{gap:0px}.outer-card-container .inner-container .timeline-container{display:none}.outer-card-container .inner-container .card-container{grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(17,20px);gap:1px;width:98%;padding:1px}.outer-card-container .inner-container .card-container .company-name{grid-area:1/2/3/21;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall)}.outer-card-container .inner-container .card-container .job-title{grid-area:3/2/5/21;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall)}.outer-card-container .inner-container .card-container .job-duration{grid-area:1/1/18/2;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall);padding:2px}.outer-card-container .inner-container .card-container .job-description{grid-area:5/2/11/21}.outer-card-container .inner-container .card-container .job-description div{padding:0 5px;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall)}.outer-card-container .inner-container .card-container .job-description p{padding:0 5px;font-size:18px;letter-spacing:var(--letter-spacing-uxsmall)}.outer-card-container .inner-container .card-container .job-location{grid-area:15/2/18/21}.outer-card-container .inner-container .card-container .job-location div{padding:0 5px;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall)}.outer-card-container .inner-container .card-container .job-location p{padding:0 5px;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-uxsmall)}.outer-card-container .inner-container .card-container .tech-stack{grid-area:11/2/15/21}.outer-card-container .inner-container .card-container .tech-stack div{padding:0 5px;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall)}.outer-card-container .inner-container .card-container .tech-stack .tech-stack-container{gap:5px;padding:3px}.outer-card-container .inner-container .card-container .tech-stack .tech-stack-container p{padding:0 3px;font-size:18px;letter-spacing:var(--letter-spacing-uxsmall);border-radius:2px}}.section-layout{display:flex;flex-direction:row;gap:30px;flex-wrap:wrap}.section-layout .section-container{text-align:center}.section-layout .section-container .section-link{border:1px solid var(--color-brand-900);display:inline-block;width:70px;height:70px;display:flex;justify-content:center;align-items:center;transition:.3s ease-in-out;color:var(--color-brand-700);background-color:var(--color-brand-1400)}.section-layout .section-container .section-link:hover{border-radius:50%;border-color:var(--color-brand-700)}.section-layout .section-container .section-link:hover .section-icon{width:40px;height:40px}.section-layout .section-container .section-name{color:var(--color-brand-500);font-size:16px;font-weight:500}@media screen and (max-width: 600px){.section-layout{gap:20px;margin-top:10px}.section-layout .section-container{text-align:center}.section-layout .section-container .section-link{width:50px;height:50px}.section-layout .section-container .section-link:hover{border-radius:50%}.section-layout .section-container .section-link:hover .section-icon{width:25px;height:25px}.section-layout .section-container .section-name{font-size:14px;font-weight:500}}.quotes-container{height:100%;display:flex;flex-direction:column}.quotes-container .title{font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small);font-weight:400;color:var(--color-brand-500);background-color:var(--color-brand-1400);border-bottom:1px solid var(--color-brand-1200);padding:10px}.quotes-container .content{overflow-y:scroll;scrollbar-width:none;flex:1}.quotes-container .content .loading{font-size:var(--font-size-small);color:var(--color-brand-1000);font-weight:500;letter-spacing:var(--letter-spacing-xsmall);padding:5px}.quotes-container .content .quote-card{background-color:var(--color-brand-1400);border-top:1px solid var(--color-brand-1200)}.quotes-container .content .quote-card:hover{background-color:var(--color-brand-1300)}.quotes-container .content .quote-card .quote-text{color:var(--color-brand-500);font-size:var(--font-size-xsmall);font-weight:400;padding:5px;letter-spacing:var(--letter-spacing-xsmall)}.quotes-container .content .quote-card .quote-author{color:var(--color-brand-700);font-size:16px;font-weight:400;letter-spacing:var(--letter-spacing-xsmall);padding:5px;opacity:.8}@media screen and (max-width: 600px){.quotes-container .title{font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall);background-color:var(--color-brand-700);color:var(--color-brand-1400);padding:5px}.quotes-container .content .quote-card{padding:5px;scrollbar-width:thin}.quotes-container .content .quote-card .quote-text{font-size:var(--font-size-uxsmall);padding:0;letter-spacing:var(--letter-spacing-uxsmall)}.quotes-container .content .quote-card .quote-author{font-size:14px;letter-spacing:var(--letter-spacing-xsmall);padding:0}}.now-section{border:1px solid var(--color-brand-1200);height:100%;display:flex;flex-direction:column}.now-section .title{font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small);font-weight:400;color:var(--color-brand-700);background-color:var(--color-brand-1400);padding:10px;border-bottom:1px solid var(--color-brand-1200)}.now-section .content{width:100%;height:100%;flex:1;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall);font-weight:400;color:var(--color-brand-500);background-color:var(--color-brand-1400);padding:10px;overflow-y:scroll;scrollbar-width:none}.now-section .content span{font-size:var(--font-size-small);font-weight:800}@media screen and (max-width: 600px){.now-section .title{background-color:var(--color-brand-700);color:var(--color-brand-1400);font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall);padding:5px}.now-section .content{font-size:var(--font-size-uxsmall);letter-spacing:var(--letter-spacing-uxsmall);padding:5px}.now-section .content span{font-size:var(--font-size-xsmall)}}.main-content-layout{width:99%;margin:0 auto;display:grid;grid-template-columns:repeat(30,1fr);grid-template-rows:repeat(15,1fr);height:100%;padding:10px;gap:20px}.quotes-component{width:100%;height:100%;grid-area:5/15/15/31;border:1px solid var(--color-brand-1200)}.game-component{width:100%;height:100%;grid-area:1/1/13/15;border:1px solid var(--color-brand-1200)}.sections-component{width:100%;height:100%;grid-area:13/1/16/14}.now-section-component{width:100%;height:100%;grid-area:1/15/5/31}@media screen and (max-width: 600px){.main-content-layout{width:100%;grid-template-columns:repeat(30,1fr);grid-template-rows:repeat(42,1fr);padding:5px;gap:5px}.sections-component{width:100%;height:100%;grid-area:1/1/6/31}.now-section-component{width:100%;height:100%;grid-area:6/1/15/31}.game-component{width:100%;height:100%;grid-area:15/1/30/31}.quotes-component{width:100%;height:100%;grid-area:30/1/41/31}}.flappy-container{width:100%;height:100%;background:var(--color-brand-1400);position:relative;overflow:hidden;touch-action:none;cursor:pointer;transition:background .3s ease;-webkit-tap-highlight-color:transparent;outline:none;user-select:none;-webkit-user-select:none}.Flappy-title{font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small);font-weight:400;color:var(--color-brand-700);background-color:var(--color-brand-1400);padding:10px;border-bottom:1px solid var(--color-brand-1200);position:absolute;width:100%;z-index:100}.bird-icon{position:absolute;z-index:10;color:var(--color-brand-700);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .1s ease-out}.pipe{position:absolute;z-index:5}.building-container{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-brand-1200);box-shadow:inset 0 0 10px #0003;background-color:var(--color-brand-1200)}.building-container.top{flex-direction:column-reverse;border-bottom:4px solid var(--color-brand-700)}.building-container.bottom{border-top:4px solid var(--color-brand-700)}.building-block{width:100%;box-sizing:border-box;background-image:linear-gradient(to right,transparent 10%,rgba(255,255,255,.1) 50%,transparent 90%)}.score-display{position:absolute;top:60px;width:100%;text-align:center;font-size:var(--font-size-large);font-weight:900;z-index:10;pointer-events:none;opacity:.3}.message-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:50}.message-box{width:100%;height:100%;text-align:center;padding:200px 40px;background:var(--color-brand-1400)}.message-box h2{font-size:var(--font-size-large);font-weight:400;margin:0;letter-spacing:var(--letter-spacing-medium)}.message-box p{font-size:var(--font-size-small);margin:15px 0 25px;opacity:.8}.start-btn{background:var(--color-brand-700);color:var(--color-brand-1400);border:1px solid var(--color-brand-1200);padding:14px 36px;font-size:var(--font-size-small);font-weight:800;cursor:pointer;border-radius:4px;text-transform:uppercase;letter-spacing:var(--letter-spacing-medium);transition:all .1s;box-shadow:0 4px 0 var(--color-brand-900)}.start-btn:active{transform:translateY(4px);box-shadow:none}@media screen and (max-width: 600px){.message-box{padding:60px 30px}.message-box h2{font-size:var(--font-size-medium)}.start-btn{padding:12px 30px;font-size:var(--font-size-xsmall)}.building-block{border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(0,0,0,.2)}.Flappy-title{font-size:var(--font-size-xsmall);background-color:var(--color-brand-700);color:var(--color-brand-1400)}}.project-container{padding:10px;display:flex;flex-direction:column;gap:15px}.project-card{display:grid;gap:5px;grid-template-columns:repeat(30,1fr);grid-template-rows:repeat(20,15px);background-color:var(--color-brand-1400);border:1px solid var(--color-brand-1200);padding:10px}.project-title{background-color:var(--color-brand-700);grid-area:1/16/4/31;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;border-bottom:1px solid var(--color-brand-1200)}.project-title hr{width:100%;border:1px solid var(--color-brand-1200);height:6px}.project-title h2{padding:0 6px;color:var(--color-brand-1400);font-size:var(--font-size-medium);letter-spacing:var(--letter-spacing-medium)}.project-image{grid-area:1/1/21/16}.project-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(60%)}.project-description{background-color:var(--color-brand-1400);grid-area:4/16/17/31;color:var(--color-brand-700);padding:10px;font-size:var(--font-size-small);font-weight:400;letter-spacing:var(--letter-spacing-small);overflow-y:scroll;scrollbar-width:none}.project-tooltip{background-color:var(--color-brand-500)!important;border:1px solid var(--color-brand-1200);color:var(--color-brand-1400)!important;font-weight:400;letter-spacing:var(--letter-spacing-xsmall)}.project-stack{background-color:var(--color-brand-1400);grid-area:17/16/21/25;display:flex;flex-direction:row;gap:10px;padding:10px;align-items:center;width:100%;height:100%;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;border:1px solid var(--color-brand-1200)}.project-stack .stack-item{width:55px;height:55px;background-color:var(--color-brand-1400);border:1px solid var(--color-brand-1200);padding:2px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.project-stack .stack-item img{width:40px;height:40px;object-fit:cover;-webkit-user-select:none;user-select:none;filter:grayscale(60%)}.project-links{grid-area:17/25/21/31;display:flex;flex-direction:row;overflow:hidden;gap:5px;font-size:var(--font-size-small);cursor:pointer}.project-links .live{background-color:var(--color-brand-1400);width:100%;transition:.4s ease-in-out;border:1px solid var(--color-brand-1200)}.project-links .live:hover{background-color:var(--color-brand-500)}.project-links .live a{text-decoration:none;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-brand-700)}.project-links .live a:hover{color:var(--color-brand-1400)}.project-links .github{background-color:var(--color-brand-1400);width:100%;transition:.2s ease-in-out;border:1px solid var(--color-brand-1200)}.project-links .github:hover{background-color:var(--color-brand-500)}.project-links .github a{text-decoration:none;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-brand-700)}.project-links .github a:hover{color:var(--color-brand-1400)}@media screen and (max-width: 900px){.project-card{grid-template-columns:repeat(30,1fr);grid-template-rows:repeat(39,15px)}.project-title{grid-area:1/1/4/31}.project-image{grid-area:4/1/25/31}.project-description{grid-area:25/1/33/31}.project-stack{grid-area:33/1/37/31}.project-links{grid-area:37/1/40/31}}@media screen and (max-width: 600px){.project-container{padding:10px 2px}.project-card{grid-template-columns:repeat(30,1fr);grid-template-rows:repeat(28,15px);gap:2px;padding:2px}.project-title{grid-area:1/1/3/31}.project-title hr{width:100%;border:1px solid var(--color-brand-1400);height:4px}.project-title h2{padding:0 6px;color:var(--color-brand-1400);font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small)}.project-image{grid-area:3/1/15/31}.project-description{grid-area:15/1/24/31;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall);padding:5px;scrollbar-width:thin}.project-stack{grid-area:24/1/27/31}.project-stack .stack-item{width:40px;height:40px}.project-stack .stack-item img{width:30px;height:30px;object-fit:cover;-webkit-user-select:none;user-select:none}.project-links{grid-area:27/1/29/31;gap:2px;font-size:var(--font-size-xsmall)}.project-links .live .live-icon{width:20px;height:20px}.project-links .github .github-icon{width:20px;height:20px}}.skill-main-title{display:flex;flex-direction:row;align-items:center;margin:20px auto;width:98%;border-bottom:1px solid var(--color-brand-1200);color:var(--color-brand-700)}.skill-main-title .main-icon{width:60px;height:60px}.skill-main-title h2{flex:1;color:var(--color-brand-500);font-weight:400;font-size:var(--font-size-large);letter-spacing:var(--letter-spacing-medium);padding:0 0 0 10px}.outer-container{width:98%;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:10px}.outer-container .skill-card{background-color:var(--color-brand-1400);display:flex;flex-direction:column;border:1px solid var(--color-brand-1200);gap:5px;padding:5px}.outer-container .skill-card .skill-card-title{background-color:var(--color-brand-700);display:flex;flex-direction:row;align-items:center;gap:2px}.outer-container .skill-card .skill-card-title img{width:40px;height:40px;padding:5px;filter:grayscale(40%)}.outer-container .skill-card .skill-card-title h4{font-size:var(--font-size-medium);letter-spacing:var(--letter-spacing-small);padding:5px;color:var(--color-brand-1400);flex:1;display:flex;align-self:center}.outer-container .skill-card .proficiency-section{display:flex;flex-direction:column;gap:5px}.outer-container .skill-card .proficiency-section .proficiency-info{display:flex;flex-direction:row;border:1px solid var(--color-brand-1200)}.outer-container .skill-card .proficiency-section .proficiency-info .title{background-color:var(--color-brand-1400);color:var(--color-brand-700);padding:0 5px;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall)}.outer-container .skill-card .proficiency-section .proficiency-info .proficiency-level{flex:1;background-color:var(--color-brand-1300);color:var(--color-brand-700);padding:0 5px;font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall)}.outer-container .skill-card .proficiency-section .proficiency-bar{background-color:var(--color-brand-1400);border:1px solid var(--color-brand-1200)}.outer-container .skill-card .proficiency-section .proficiency-bar .progress{background-color:var(--color-brand-700);height:15px;text-align:end;color:var(--color-brand-1400);font-weight:500;font-size:var(--font-size-uxsmall)}.outer-container .skill-card .skill-card-info-section{display:flex;flex-direction:column;flex:1}.outer-container .skill-card .skill-card-info-section .highlights{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.outer-container .skill-card .skill-card-info-section .highlights div{padding:0 5px;background-color:var(--color-brand-1300);border:1px solid var(--color-brand-1200);color:var(--color-brand-700);font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall)}.outer-container .skill-card .more-info-button{background-color:var(--color-brand-1400);padding:0 5px;width:100%;border:1px solid var(--color-brand-1200)}.outer-container .skill-card .more-info-button:hover{background-color:var(--color-brand-700);transition:.3s ease-in-out}.outer-container .skill-card .more-info-button a{text-decoration:none;color:var(--color-brand-700);display:flex;flex-direction:row;align-items:center;gap:5px}.outer-container .skill-card .more-info-button a:hover{color:var(--color-brand-1400)}.outer-container .skill-card .more-info-button a div{font-size:var(--font-size-xsmall);letter-spacing:var(--letter-spacing-xsmall)}.outer-container .skill-card .more-info-button a img{width:10px;height:10px}@media screen and (max-width: 600px){.skill-main-title{margin-top:20px}.skill-main-title .main-icon{width:40px;height:40px;padding:5px}.skill-main-title h2{font-size:var(--font-size-medium);letter-spacing:var(--letter-spacing-small);padding:0 0 0 10px}.outer-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:50px}.outer-container .skill-card{padding:3px;gap:3px}.outer-container .skill-card .skill-card-title{gap:2px}.outer-container .skill-card .skill-card-title img{width:35px;height:35px;padding:3px}.outer-container .skill-card .skill-card-title h4{font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-xsmall);padding:3px}.outer-container .skill-card .proficiency-section{gap:3px}.outer-container .skill-card .proficiency-section .proficiency-info .title{font-size:14px;letter-spacing:var(--letter-spacing-uxsmall)}.outer-container .skill-card .proficiency-section .proficiency-info .proficiency-level{font-size:var(--font-size-uxsmall);letter-spacing:var(--letter-spacing-uxsmall)}.outer-container .skill-card .proficiency-section .proficiency-bar .progress{background-color:var(--color-brand-700);height:14px}.outer-container .skill-card .proficiency-section .proficiency-percentage{padding:0;font-size:14px}.outer-container .skill-card .skill-card-info-section{gap:5px}.outer-container .skill-card .skill-card-info-section .skill-card-info{font-size:var(--font-size-uxsmall);letter-spacing:var(--letter-spacing-uxsmall)}.outer-container .skill-card .skill-card-info-section .highlights{gap:5px}.outer-container .skill-card .skill-card-info-section .highlights div{font-size:var(--font-size-uxsmall);letter-spacing:var(--letter-spacing-uxsmall);padding:0 2px}.outer-container .skill-card .more-info-button{padding:0 3px}.outer-container .skill-card .more-info-button a{gap:5px}.outer-container .skill-card .more-info-button a div{font-size:var(--font-size-uxsmall);letter-spacing:var(--letter-spacing-uxsmall)}.outer-container .skill-card .more-info-button a img{width:10px;height:10px}}:root{--color-brand-500: #e0e0e0;--color-brand-700: #c8c8c8;--color-brand-800: #b0b0b0;--color-brand-900: #909090;--color-brand-1000: #707070;--color-brand-1100: #5a5a5a;--color-brand-1200: #484848;--color-brand-1250: #353535;--color-brand-1300: #1a1a1a;--color-brand-1400: #0b0b11;--font-size-large: 80px;--font-size-medium: 35px;--font-size-small: 25px;--font-size-xsmall: 20px;--font-size-uxsmall: 16px --letter-spacing-large: 8px;--letter-spacing-medium: 4px;--letter-spacing-small: 2px;--letter-spacing-xsmall: 1px}[data-theme=light]{--color-brand-1400: #f7f6f2;--color-brand-1300: #efeee9;--color-brand-1250: #e5e3db;--color-brand-1200: #928c78;--color-brand-1100: #a8a6a0;--color-brand-1000: #8c8a84;--color-brand-900: #6e6c67;--color-brand-800: #52504c;--color-brand-700: #3a3935;--color-brand-500: #1e1e1c}.layout{display:flex;flex-direction:column;height:100vh;background-color:var(--color-brand-1400)}.notification-panel{position:fixed;width:100%;height:6vh;background-color:var(--color-brand-1400);border-bottom:1px solid var(--color-brand-1200)}.main-content{position:relative;top:6vh;height:86vh;background-color:var(--color-brand-1400);overflow-y:scroll;overflow-x:hidden;scrollbar-width:none}.footer{width:100%;height:7vh;position:fixed;bottom:0vh;background-color:var(--color-brand-1400);border-top:1px solid var(--color-brand-1200)}