*{box-sizing:border-box;margin:0;padding:0;font-family:PT Sans,Poppins,Afacad Flux,sans-serif}.about-me,.contact-me,.education,.ucl,.kegs,.projects,.experience{display:flex;flex-direction:column;min-height:90vh;padding:2rem;color:#0d706b}.about-me-heading,.contact-me-heading,.education-heading,.ucl-heading,.kegs-heading,.projects-heading,.experience-heading{text-align:center;font-size:4rem;margin-top:2rem;margin-bottom:2rem;color:#054683}.about-me-content,.contact-me-content,.projects-content,.experience-content{display:flex;justify-content:center;align-items:center;flex-grow:1;max-width:800px;margin:0 auto}.ucl-content,.kegs-content{display:flex;flex-direction:column;max-width:800px;margin:0 auto;line-height:1.6}.about-me-content p,.contact-me-content p,.projects-content p,.experience-content p{font-size:2rem;line-height:1.6;text-align:justify}.ucl-intro,.kegs-intro{font-size:1.3rem;margin-bottom:2rem;text-align:center;font-weight:500}.module-section{margin:1.5rem 0;background-color:#f8f9fa;padding:2rem;border-radius:10px;box-shadow:0 4px 8px #05468363}.module-section h2{color:#054683;font-size:1.8rem;margin-bottom:1rem;text-align:center}.module-section h3{color:#054683;font-size:1.4rem;margin-bottom:1rem;text-align:center}.module-list{list-style-type:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.module-list li{padding:.5rem;font-size:1.1rem}.module-list li:before{content:"▹";color:#0d706b;margin-right:.5rem}.ucl-outro{font-size:1.2rem;margin-top:2rem;text-align:justify}@media screen and (max-width: 768px){.about-me-heading,.contact-me-heading,.education-heading,.ucl-heading,.kegs-heading,.projects-heading,.experience-heading{font-size:3rem}.about-me-content p,.contact-me-content p,.projects-content p,.experience-content p{font-size:1.5rem}.ucl-intro,.ucl-outro,.kegs-intro{font-size:1rem}.module-list{grid-template-columns:1fr}.module-section{padding:1.5rem}}.card_manager{padding:4rem;background:#fff}h1{text-align:center}.cards_container{display:flex;flex-flow:column;align-items:center;max-width:1120px;width:90%;margin:0 auto}.cards_wrapper{position:relative;margin:50px 0 45px}.cards_items{margin-bottom:24px}.cards{display:flex;flex:1;margin:0 1rem;border-radius:10px}.cards_link{display:flex;flex-flow:column;width:100%;box-shadow:0 6px 20px #387dff2b;-webkit-filter:drop-shadow(0 6px 20px rgba(56,125,255,.017));filter:drop-shadow(0 6px 20px rgba(56,125,255,.017));border-radius:10px;overflow:hidden;text-decoration:none}.cards_pic_wrap{position:relative;width:100%;padding-top:67%;overflow:hidden;background-color:#000747}.fade-img{animation-name:fade-img;animation-duration:2s}.cards_pic_wrap:after{content:attr(data-category);position:absolute;bottom:0;margin-left:10px;padding:6px 8px;max-width:calc(100% - 60px);font-size:12px;font-weight:700;color:#fff;background-color:#1f98f4;box-sizing:border-box}.cards_image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;max-width:100%;height:100%;max-height:100%;object-fit:cover;transition:all .2s linear}.cards_image:hover{transform:scale(1.1)}.cards_info{padding:20px 30px 30px}.cards_text{color:#252e48;font-size:18px;line-height:24px}@media only screen and (min-width: 1200px){.content_blog_container{width:84%}}@media only screen and (min-width: 1024px){.cards_items{display:flex}}@media only screen and (max-width: 1024px){.cards{margin-bottom:2rem}}:root{--primary: #fff}.btn{padding:8px 20px;border-radius:2px;outline:none;border:none;cursor:pointer}.btn--primary{background-color:var(--primary);color:#242424;border:2px solid #054683}.btn--outline{background-color:transparent;color:#fff;padding:8px 20px;border:1px solid var(--primary);transition:all .3s ease-out}.btn--secondary{background-color:#054683;color:#fff;padding:8px 20px;border:1px solid var(--primary);transition:all .3s ease-out}.btn--medium{padding:8px 20px;font-size:18px}.btn--large{padding:12px 26px;font-size:20px}.btn--medium:hover,.btn--large:hover{background:#fff;color:#0d706b;transition:all .3s ease-out}.opening-container{background:url(/portfolio-app/Images/LinkedIn-pfp.jpg) center center/cover no-repeat;height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;box-shadow:inset 0 0 0 1000px #0000;object-fit:contain;justify-content:center}.title{color:#fff;font-size:100px;margin-top:-275px;justify-content:center}.subtitle{color:#fff;margin-top:8px;font-size:32px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.opening-btns{margin-top:130px}.opening-btns .btn{margin:6px}.bi-info-circle{margin-left:4px}@media screen and (max-width: 960px){.title{font-size:70px;margin-top:-150px}}@media screen and (max-width: 768px){.title{font-size:50px;margin-top:-100px}.subtitle{font-size:38px}.btn-mobile{display:block;text-decoration:none}.btn{width:100%}}.container{margin:100px auto;max-width:500px;padding-bottom:100px;width:100%}.cardContainer{overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;padding-top:20px;margin-bottom:-120px}.splash{position:absolute;top:0;left:0;right:0;bottom:0;clip-path:path("M 0 303.5 C 0 292.454 8.995 285.101 20 283.5 L 460 219.5 C 470.085 218.033 480 228.454 480 239.5 L 500 430 C 500 441.046 491.046 450 480 450 L 20 450 C 8.954 450 0 441.046 0 430 Z");z-index:0}.card{position:relative;font-size:64px;width:300px;height:430px;display:flex;justify-content:center;align-items:center;background:#f5f5f5;border-radius:20px;box-shadow:0 0 1px #00000013,0 0 2px #00000013,0 0 4px #00000013,0 0 8px #00000013,0 0 16px #00000013;transform-origin:10% 60%;z-index:1}.cardImage{width:90%;height:90%;object-fit:cover;border-radius:10px}.grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,auto);gap:4rem;padding:3rem;max-width:1200px;margin:0 auto}.projectOne{grid-column:1;grid-row:1;display:flex;justify-content:center}.projectOneDef{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center}.projectTwo{grid-column:2;grid-row:2;display:flex;justify-content:center}.projectTwoDef{grid-column:1;grid-row:2;display:flex;flex-direction:column;justify-content:center}.projectThree{grid-column:1;grid-row:3;display:flex;justify-content:center}.projectThreeDef{grid-column:2;grid-row:3;display:flex;flex-direction:column;justify-content:center}.projectFour{grid-column:2;grid-row:4;display:flex;justify-content:center}.projectFourDef{grid-column:1;grid-row:4;display:flex;flex-direction:column;justify-content:center}.projectOneDef a,.projectTwoDef a,.projectThreeDef a,.projectFourDef a{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#054683;display:block;position:relative;padding-bottom:.5rem;text-decoration:none}.projectOneDef a:hover,.projectTwoDef a:hover,.projectThreeDef a:hover,.projectFourDef a:hover{color:#0d706b;text-decoration:none}.projectOneDef a:after,.projectTwoDef a:after,.projectThreeDef a:after,.projectFourDef a:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background-color:#0d706b}.projectOneDef p,.projectTwoDef p,.projectThreeDef p,.projectFourDef p{font-size:1.2rem;line-height:1.7;color:#333;max-width:90%}.container{width:100%;margin:0;position:relative}.grid>div{min-height:450px}@media screen and (max-width: 960px){.card{width:200px;height:300px;font-size:48px}.grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(6,auto);gap:0rem;padding:3rem;max-width:1200px;margin:0 auto}.projectOne{grid-column:1;grid-row:1;display:flex;justify-content:center}.projectOneDef{grid-column:1;grid-row:2;display:flex;justify-content:center}.projectTwo{grid-column:1;grid-row:3;display:flex;justify-content:center}.projectTwoDef{grid-column:1;grid-row:4;display:flex;justify-content:center}.projectThree{grid-column:1;grid-row:5;display:flex;justify-content:center}.projectThreeDef{grid-column:1;grid-row:6;display:flex;justify-content:center}.projectFour{grid-column:1;grid-row:7;display:flex;justify-content:center}.projectFourDef{grid-column:1;grid-row:8;display:flex;justify-content:center}}.animated-emoji{display:inline-block;margin-left:8px;position:relative;bottom:5px}.small{font-size:1rem}.medium{font-size:2rem}.large{font-size:3rem}.xlarge{font-size:4rem}@media screen and (max-width: 768px){.small{font-size:.5rem}.medium{font-size:1.5rem}.large{font-size:2rem}.xlarge{font-size:3rem}}.float{animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(5px)}50%{transform:translateY(-10px)}to{transform:translateY(5px)}}.spin{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(30deg)}to{transform:rotate(0)}}.pulse{animation:pulse 3s ease infinite}@keyframes pulse{0%{transform:scale(.9)}50%{transform:scale(1.1)}to{transform:scale(.9)}}.bounce{animation:bounce 2s ease infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.shake{animation:shake .5s ease infinite}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(.5px)}50%{transform:translate(-.5px)}75%{transform:translate(.5px)}to{transform:translate(0)}}.navbar{background:linear-gradient(90deg,#054683,#0d706b);height:80px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;position:sticky;top:0;z-index:999}.navbar-container{display:flex;justify-content:center;align-items:center;height:80px;max-width:1500px}.navbar-logo{color:#fff;justify-self:start;margin-left:20px;cursor:pointer;text-decoration:none;font-size:2rem;display:flex;align-items:center}.bi-moon-stars{margin-left:0rem;font-size:1.5rem}.nav-menu{display:grid;grid-template-columns:repeat(5,auto);grid-gap:10px;list-style:none;text-align:center;width:60vw;justify-content:end;margin-right:2rem}.nav-item{height:80px}.nav-link{color:#fff;display:flex;align-items:center;text-decoration:none;padding:.5rem 1rem;height:100%}.nav-link:hover{border-bottom:4px solid #ffff;transition:all .2s ease-out}.bi-list{color:#fff}.nav-link-mobile,.menu-icon{display:none}@media screen and (max-width: 960px){.NavbarItems{position:relative}.nav-menu{display:flex;flex-direction:column;width:100%;height:90vh;position:absolute;top:80px;left:-100%;opacity:1;transition:all .5s ease;overflow-y:auto;padding-bottom:40px}.nav-menu.active{background:#242222;left:0;opacity:1;transition:all .5s ease;z-index:1}.nav-link{text-align:center;padding:2rem;width:100%;display:table}.nav-link:hover{background-color:#fff;color:#242424;border-radius:0}.navbar-logo{position:absolute;top:0;left:0;transform:translate(25%,50%)}.menu-icon{display:block;position:absolute;top:0;right:0;transform:translate(-100%,60%);font-size:1.8rem;cursor:pointer}.bi-x-square{color:#fff;font-size:2rem}.nav-link-mobile{display:block;text-align:center;margin:2rem auto;border-radius:4px;width:80%;text-decoration:none;font-size:1.5rem;background-color:transparent;color:#fff;padding:12px 16px;border:1px solid #fff;transition:all .3s ease-out}.nav-link-mobile:hover{background:#fff;color:#242424;transition:.25s}}.footer-manager{background:linear-gradient(90deg,#054683,#0d706b);padding:4rem 0 2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-sub{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-bottom:24px;padding:24px;color:#fff}.footer-sub>p{font-family:PT Sans,Poppins,Afacad Flux,sans-serif}.footer-sub-heading{margin-bottom:24px;font-size:24px}.footer-sub-text{margin-bottom:24px;font-size:20px}.footer-input{padding:8px 20px;border-radius:2px;margin-right:10px;outline:none;border:none;font-size:18px;margin-bottom:16px;border:1px solid #fff}.footer-link{width:100%;max-width:1000px;display:flex;justify-content:center}.footer-link-container{display:flex}.footer-links{display:flex;flex-direction:column;align-items:flex-start;margin:16px;text-align:left;width:160px;box-sizing:border-box}.footer-links h2{margin-bottom:16px}.footer-links>h2{color:#fff}.footer-links a{color:#fff;text-decoration:none;margin-bottom:8px}.footer-links a:hover{color:#e9e9e9;transition:.3s ease-out}.footer-input h2{margin-bottom:32px}.input::placeholder{color:#b1b1b1}.socials-icon-link{color:#fff;font-size:24px}.socials{max-width:1000px;width:100%}.socials-container{display:flex;justify-content:space-between;align-items:center;width:90%;max-width:1000px;margin:40px auto 0}.socials-icon{display:flex;justify-content:space-between;align-items:center;width:240px}.socials-logo{color:#fff;justify-self:start;margin-left:20px;cursor:pointer;text-decoration:none;font-size:2rem;display:flex;align-items:center;margin-bottom:16px}.website-rights{color:#fff;margin-bottom:16px}@media screen and (max-width: 820px){.footer-link{padding-top:2rem}.footer-input,.btn{width:100%}.footer-link-container,.socials-container{flex-direction:column}}
