.aside{display:flex;flex-direction:column;height:100vh;width:400px;align-items:center;justify-content:space-around;background-color:#000}.aside a{color:#fff;text-decoration:none;font-weight:400;line-height:normal;font-size:40px}.app{display:flex}.app .content{width:100%}@media only screen and (min-width: 600px){.hamburger-menu-close,.hamburger-menu-open{display:none}}@media only screen and (max-width: 600px){.hamburger-menu-close{z-index:10;width:40px;height:40px;display:flex;flex-direction:column;justify-content:space-between;align-content:stretch;position:fixed;top:30px;right:20px}.hamburger-menu-close div{background-color:#000;height:8px;border-radius:16px;transition:transform .5s}.hamburger-menu-close.white div{background:white}.hamburger-menu-open{z-index:10;width:40px;height:40px;display:flex;flex-direction:column;justify-content:space-between;align-content:stretch;position:fixed;top:40px;left:15px}.hamburger-menu-open div{background-color:#fff;height:10px;transition:transform .5s;border-radius:16px}.hamburger-menu-open div:nth-child(1){transform:rotate(45deg)}.hamburger-menu-open div:nth-child(3){transform:rotate(-45deg) translateY(-21.2px) translate(21.2px)}.hamburger-menu-open div:nth-child(2){display:none}}.home-page{display:flex;justify-content:space-around;align-items:center;height:100vh}.home-page .text{border:12px solid black;overflow-y:scroll;max-height:75%;max-width:400px;padding:1rem;display:flex;flex-direction:column;gap:1rem}.home-page .text p{color:#000;font-size:20px;font-weight:400}.experience-page{display:flex;flex-direction:column;height:calc(100% - 20px);background-color:#000;border:10px solid white;justify-content:space-evenly;text-align:center;color:#fff;font-size:48px;font-weight:300}.experience-page hr{height:5px;background-color:#fff;width:85%;border:none}.educational-page{color:#fff;display:flex;flex-direction:column;height:calc(100% - 20px);background-color:#000;border:10px solid white}.educational-page a{color:#fff;text-decoration:none}.educational-page__title{font-size:64px;font-weight:300}.educational-page__header{margin-left:10px;margin-top:20px;display:flex;align-items:center;gap:10px}.educational-page__university-box{display:flex;flex-direction:column;height:100%;margin-top:5%;margin-left:78px;gap:5%;overflow-y:scroll}.educational-page__education-details{margin-left:26px}.educational-page__education-details ol{font-size:18px;margin-top:0}.educational-page__uni-box{flex:1;font-size:24px;display:flex;align-items:flex-start}.educational-page__uni-box img{width:149px;max-height:149px}.educational-page__uni-box .major-title{font-weight:400}.educational-page__uni-box strong{font-weight:700}.educational-page__uni-box .major-date{font-size:20px;font-weight:400}.educational-page__uni-box .kavano-place-holder{display:flex;flex-direction:column;gap:10px}.back-button{max-width:55px;height:55px;margin-left:5px}.back-button:hover{cursor:pointer}@media only screen and (max-width: 600px){.web-dev-page__title,.educational-page__title{font-size:64px;font-weight:300;margin:0 60px}.back-button{max-width:55px;height:55px;margin-left:5px;position:fixed;top:30px;left:30px}.back-button:hover{cursor:pointer}}.web-dev-page{height:calc(100vh - 20px)!important;color:#fff;display:flex;flex-direction:column;height:calc(100% - 20px);background-color:#000;border:10px solid white}.web-dev-page__image{width:90%;height:90%;max-width:min(100vw - 107.5px,100vh - 107.5px);max-height:min(100vw - 107.5px,100vh - 107.5px);align-self:center}.web-dev-page__title{font-size:64px;font-weight:300}.web-dev-page__header{margin-left:10px;display:flex;margin-top:20px;align-items:center;gap:10px}.web-dev__flex{flex-direction:row!important;align-items:center;text-align:center}.web-dev__flex hr{margin:0;height:85%;background-color:#fff;width:5px;border:none}.contact-boxes{display:flex;justify-content:center;gap:1rem;align-items:center;height:90px}.contact-boxes a{text-decoration:none;height:90px;min-width:90px;justify-content:center;display:flex;align-items:center;color:#fff}.contact-boxes img{width:90px;max-height:95px}.contact-page{height:calc(100% - 20px);background-color:#000;border:10px solid white;color:#fff;font-size:64px;font-weight:400;display:flex;flex-direction:column;gap:250px}.linkedin-logo{padding:0;margin:0;background-color:#fff;color:#000;font-weight:700;border-radius:16px;height:80px;width:80px;display:flex;justify-content:center;align-items:center;align-self:center}.title{font-weight:300;margin-top:20px;margin-left:20px}@media only screen and (max-width: 600px){.home-page{display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-evenly;gap:1rem}.home-page img{width:25%}.home-page .text{max-height:50%!important;border:6px solid black;overflow-y:scroll;margin-bottom:1rem;max-height:75%;padding:1rem;display:flex;flex-direction:column;gap:1rem}.home-page .text p{max-width:300px;color:#000;font-size:18px;font-weight:300}.experience-page{display:flex;flex-direction:column;height:calc(100% - 20px);background-color:#000;border:10px solid white!important;justify-content:space-evenly;text-align:center;color:#fff;font-size:36px;font-weight:300}.experience-page hr{height:5px;background-color:#fff;width:85%;border:none}.educational-page{color:#fff;display:flex;flex-direction:column;height:calc(100% - 20px);background-color:#000;border:10px solid white}.educational-page a{color:#fff;text-decoration:none}.educational-page__title{font-size:24px;font-weight:300}.educational-page__header{margin-left:10px;margin-top:20px;display:flex;align-items:center;gap:10px}.educational-page__university-box{display:flex;flex-direction:column;height:100%;padding:0 5%;overflow-y:auto;margin:5% 0;gap:15px}.educational-page__education-details{margin-left:26px}.educational-page__education-details ol{font-size:12px;margin-top:0}.educational-page__uni-box{flex:1;font-size:24px;display:flex;flex-direction:column;align-items:flex-start;align-items:center;justify-content:center;gap:5px}.educational-page__uni-box p{font-size:20px}.educational-page__uni-box img{max-width:100px}.educational-page__uni-box .major-title{font-weight:400;font-size:16px}.educational-page__uni-box strong{font-weight:700}.educational-page__uni-box .major-date{font-size:14px;font-weight:400}.back-button{max-width:35px;max-height:35px;margin-left:5px}.back-button:hover{cursor:pointer}.web-dev-page{color:#fff;display:flex;flex-direction:column;height:calc(100% - 20px);background-color:#000;border:10px solid white}.web-dev-page__image{width:calc(100vw - 107.5px);height:min(100vw - 107.5px,100vh - 107.5px);align-self:center}.web-dev-page__title{font-size:36px;font-weight:300}.web-dev-page__header{margin-left:10px;display:flex;margin-top:20px;align-items:center;gap:10px}.web-dev__flex{display:flex;flex-direction:column!important;height:calc(100% - 20px);background-color:#000;border:none;justify-content:space-evenly!important;text-align:center!important;color:#fff!important;font-size:36px!important;font-weight:300!important}.web-dev__flex hr{height:5px!important;background-color:#fff;width:85%!important;border:none!important}.contact-page{height:calc(100% - 20px);width:calc(100% - 20px);background-color:#000;border:10px solid white;color:#fff;font-size:64px;font-weight:400;display:flex;flex-direction:column}.contact-page .contact-boxes{display:flex;flex-direction:column;justify-content:center;gap:1rem;align-items:center;height:90px}.contact-page .contact-boxes a{text-decoration:none;height:90px;min-width:90px;justify-content:center;display:flex;align-items:center;color:#fff}.contact-page .contact-boxes img{width:90px;max-height:95px}.linkedin-logo{padding:0;margin:0;background-color:#fff;color:#000;font-weight:700;border-radius:16px;height:80px;width:80px;display:flex;justify-content:center;align-items:center;align-self:center}.title{font-weight:300;font-size:38px;margin-top:20px;margin-left:20px}}@media only screen and (max-width: 600px){.aside{display:none}.app{height:100vh}}.mobile-nav{display:flex;flex-direction:column;width:100%;position:fixed;height:70%;max-height:70%;top:0;align-items:center;justify-content:space-around;background-color:#000;transition:all .3s;box-shadow:0 0 10px 10px #ffffff1c;overflow:hidden}.mobile-nav a{color:#fff;text-decoration:none;font-size:28px}.mobile-nav.hidden{max-height:0}p{margin:0;padding:0}.line-through{text-decoration:line-through!important}html,body{margin:0;padding:0;height:100%;font-family:Inter,Trebuchet MS,sans-serif}