.home-page{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100vh;background-image:url(/images/LandingPage.webp);background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;text-align:left}#home-page__title{margin-bottom:0;padding-top:10vw;padding-left:3vw;text-align:left;font-size:var(--font-size-heading);color:var(--text-colour)}#home-page__description{margin-top:0%;padding-left:3vw;padding-right:3vw;text-align:left;font-size:var(--font-size-subheading);color:var(--text-colour)}@media (max-width: 800px){.home-page{background-image:url(/images/LandingPageMobile.webp);background-size:cover;background-attachment:scroll}#home-page__title{font-size:var(--font-size-heading-mobile)}#home-page__description{font-size:var(--font-size-subheading-mobile)}}.connect-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:1vw}#connect-page__icons{display:flex;justify-content:center;align-items:center}.about-text{margin:2vw 0}.about-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:3vw;min-height:50vh;background-color:var(--bg-colour);color:#fff}#about-page__about--and--image{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;padding:3vw}#about-page__about--and--image--about{margin-right:2vw}#about-page__about--and--image--my--image{flex-shrink:0;max-width:30%;text-align:center}#about-page__about--and--image--my--image img{max-width:100%;height:auto;border-radius:8px}@media (max-width: 800px){#about-page__about--and--image{flex-direction:column;padding:1vw}#about-page__about--and--image--about{text-align:center}#about-page__about--and--image--my--image img{display:none}}.resume-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:3vw;min-height:50vh;background-color:var(--bg-colour);color:var(--text-colour)}#resume-page__experience{align-self:flex-start}#resume-page__projects{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.experience{line-height:var(--line-height-text)}.company-name{font-size:var(--font-size-medium)}.experience-timeline,.experience__list{font-size:var(--font-size-small)}@media (max-width: 800px){.experience{line-height:var(--line-height-text-mobile)}.company-name{font-size:var(--font-size-medium-mobile)}.experience-timeline,.experience__list{font-size:var(--font-size-small-mobile)}}.card{overflow:visible;width:25vw;height:25vw;margin:2vw;padding:2vw}.card__contents{width:100%;height:100%;transform-style:preserve-3d;transition:transform .3s;box-shadow:0 0 10px 1px #000e;border-radius:5px}.card__contents__back,.card__contents__front{background-color:#151515;position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:5px;overflow:hidden}.card__contents__front{width:100%;height:100%;justify-content:center;display:flex;align-items:center;overflow:hidden}.card__contents__front:before{position:absolute;content:" ";display:block;width:160px;height:160%;background:linear-gradient(90deg,transparent,#ff9966,#ff9966,#ff9966,#ff9966,transparent);animation:rotation_481 5s infinite linear}.card__contents__front__content{position:absolute;width:99%;height:99%;background-color:#151515;border-radius:5px;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:var(--font-size-extra-small)}.card:hover .card__contents{transform:rotateY(180deg)}@keyframes rotation_481{0%{transform:rotate(0)}0%{transform:rotate(360deg)}}.card__contents__back{transform:rotateY(180deg);color:#fff;position:relative;width:100%;height:100%}.card__contents__back__content{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.card__contents__back__links{display:flex;gap:.5vw;justify-content:center;align-items:center;margin-top:1vw}.card__contents__back__links__icon{position:absolute;top:1vw;right:1vw;display:flex;justify-content:center;width:fit-content}.card__contents__back__links__icon .icon{margin:.3vw}.card__contents__back__links__icon img{padding:0}.description-content{box-shadow:1vw #0008;width:fit-content;max-width:90%;height:fit-content;font-size:var(--font-size-extra-small);margin:auto;padding:1vw;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.card__contents__back .card__contents__back__image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.card__contents__back__image__circle{width:90px;height:90px;border-radius:50%;background-color:#fb6;position:relative;filter:blur(15px);animation:floating 2.6s infinite linear}#bottom{background-color:#f86;left:50px;top:0;width:150px;height:150px;animation-delay:-.8s}#right{background-color:#f23;left:160px;top:-80px;width:30px;height:30px;animation-delay:-1.8s}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}@media (max-width: 800px){.card{overflow:visible;width:50vw;height:50vw;margin:2vw}.card__contents__front__content{font-size:var(--font-size-extra-small-mobile)}.description-content{font-size:var(--font-size-extra-small-mobile);justify-content:center}}:root{--font-family: "Times New Roman", Times, serif;--text-colour: white;--bg-colour: black;--primary-colour: #3498db;--font-size-extra-small: 1vw;--font-size-small: 1.5vw;--font-size-medium: 2vw;--font-size-large: 2.5vw;--font-size-heading: 5vw;--font-size-subheading: 3vw;--line-height-text: 1.8;--font-size-extra-small-mobile: 2vw;--font-size-small-mobile: 3vw;--font-size-medium-mobile: 3.5vw;--font-size-large-mobile: 4vw;--font-size-heading-mobile: 7vw;--font-size-subheading-mobile: 4vw;--line-height-text-mobile: 2;--icon-size: 2.5vw;--icon-hover-bg: rgba(180, 180, 180, .2);--icon-size-mobile: 4vw}body,html{margin:0%;padding:0%;height:100%;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-color:var(--bg-colour);font-family:var(--font-family);color:var(--text-colour);scroll-behavior:smooth}.app{display:flex;flex-direction:column;align-items:stretch;height:100%}.title{font-size:var(--font-size-large)}.navbar{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:1;width:70%;padding:0 1.6vw;text-align:center}.nav-list{list-style-type:none;padding:.5vw;background-color:#b4b4b4;border-radius:2vw;display:flex;justify-content:space-around}.nav-list li{font-size:var(--font-size-medium);display:inline-block;margin-right:4vw}.nav-list li:last-child{margin-right:0}.nav-list li a{color:#000;text-decoration:none;cursor:pointer}.nav-list li a:hover{color:red;transition:background-color .4s,color .4s}.button{display:inline-block;background-color:transparent;border:.1vw solid white;border-radius:1vw;padding:.5vw 1.5vw;margin-left:6.25vw;color:#fff;text-decoration:none;text-align:center;font-size:1vw;transition:background-color .4s,color .4s}.button:hover{background-color:#b4b4b433;color:red}.button+.button{margin-left:1.25vw}.text{font-size:var(--font-size-small);line-height:var(--line-height-text)}.icon{margin:1vw;width:var(--icon-size);height:var(--icon-size);background-color:transparent;transition:transform .3s ease-in-out}.icon:hover{transform:scale(1.1)}footer{margin:1vw;display:flex;justify-content:center;align-items:center;text-align:center;padding:1.5em}.footer-content{font-size:var(--font-size-medium)}@keyframes slide-up{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slide-up 1s ease-out}.hidden{opacity:0}@media (max-width: 800px){.title{font-size:var(--font-size-large-mobile)}.navbar{width:70%}.nav-list li{font-size:var(--font-size-medium-mobile)}.text{font-size:var(--font-size-small-mobile);line-height:var(--line-height-text-mobile)}.icon{width:var(--icon-size-mobile);height:var(--icon-size-mobile)}.footer-content{font-size:var(--font-size-medium-mobile)}}