*,*:before,*:after{box-sizing:border-box;margin:0}.light-theme{--color-page-bg: rgb(233, 246, 250);--color-card-bg: rgb(206, 244, 255);--color-header-bg: rgb(124, 215, 243);--color_hover_color: rgb(80, 160, 185);--warning__color:red;--font__color: black;--button__color:#5fa9c2;--button_text_color: white;--change_theme_button_text_color: white;--education__color: #888888;--section__title__color: black}.dark-theme{--color-page-bg: rgb(91, 174, 199);--color-card-bg: rgb(78, 152, 175);--color-header-bg: rgb(44, 106, 125);--color_hover_color: rgb(0, 44, 58);--warning__color:red;--font__color: white;--button__color:rgb(222, 253, 255);--button_text_color: rgb(9, 44, 46);--education__color: rgb(215, 213, 213);--section__title__color: white}body{margin:0;font-family:sans-serif;background-color:var(--color-page-bg)}.app{display:grid;grid-template-rows:auto 1fr auto;margin:0;min-height:100vh;background-color:var(--color-page-bg)}a{color:var(--nav__link__color)}button{background-color:var(--button__color);color:var(--change_theme_button_text_color)}#sortButton{background-color:var(--button__color);color:var(--button_text_color)}input{color:var(--font__color);background-color:var(--color-page-bg)}span,h1,h2,p{color:var(--font__color)}.header{display:grid;grid-template-areas:"header-logo header-title global-nav";grid-template-columns:max-content 1fr;background-color:var(--color-header-bg);color:var(--font__color);position:relative}.header__logo__img{grid-area:header-logo;position:absolute;width:7rem;height:7rem;border-radius:50%;object-fit:contain;z-index:2;top:.3rem;left:.3rem;transition:transform .3s ease;cursor:pointer}.header__logo__img:hover{transform:scale(1.05)}#logo_link:hover{background-color:var(--color-header-bg)}.header__title{text-align:center;margin:0;font-size:3rem;padding:2rem 0rem 2rem 4.5rem}.user_status{grid-row:span 1;text-align:right}.change_theme_button{position:absolute;top:1rem;right:1rem;padding:8px 16px;color:var(--button_text_color);border:none;border-radius:5px;font-size:1rem;font-weight:700;text-transform:uppercase;box-shadow:0 2px 4px #0003;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease;text-decoration:none}.change_theme_button:hover{background-color:#f7b5cc;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.change_theme_button:focus{outline:none}@media (min-width: 66rem){.header{grid-template-columns:auto 1fr;padding-bottom:0rem}.header__logo__img{width:9rem;height:9rem}.header__title{text-align:center;margin:0;font-size:3rem;padding:2.5rem 5rem 1.5rem}}.global-nav{grid-column:span 1;list-style-type:none;display:grid;margin-left:2rem;margin-top:.5rem}#menuToggle{margin-right:1rem;height:150px;cursor:pointer;margin-left:auto;border:none;left:1rem;bottom:1rem;background-color:var(--color-header-bg)}.global-nav__list a:hover{background-color:var(--color_hover_color)}.global-nav__list{display:flex;flex-direction:column;padding:0;margin:0;position:absolute;z-index:1000;top:110px;right:0;list-style-type:none;background-color:var(--color-header-bg)}.global-nav__link{display:inline-block;padding:.5rem;text-decoration:none;font-size:1.35rem;color:var(--font__color)}.global-nav__list--collapsed{display:none}.global-nav__list__open{max-height:1000px}.gg-menu{position:relative;border:none;outline:none}.gg-menu,.gg-menu:after,.gg-menu:before{display:block;box-sizing:border-box;width:20px;height:2px;border-radius:3px;background:currentColor;cursor:pointer;right:0}.gg-menu:after,.gg-menu:before{content:"";position:absolute;top:-6px}.gg-menu:after{top:6px}@media (min-width: 44rem){.global-nav{grid-column:span 2;list-style-type:none;margin-left:0;display:grid;position:relative;z-index:1}.global-nav__list{background-color:var(--color-header-bg);position:static;flex-direction:row;justify-content:space-around;gap:.5rem;padding-bottom:.5rem;font-size:smaller}#menuToggle{display:none}.global-nav__list--collapsed{display:flex}}@media (prefers-reduced-motion: no-preference){.global-nav__list{transition:max-height 1s}}.main{grid-template-columns:repeat(12,1fr);background-color:var(--color-page-bg);margin:0;padding:0}.sections{grid-column:span 12;margin:0;padding:0}.section__content{display:flex;text-align:center;flex-direction:column;padding:2rem;height:auto}#education,#contactMe{background-color:var(--color-card-bg)}.section__title{padding:1rem;text-align:center;grid-column:span 12;font-weight:700;margin-bottom:1rem;color:var(--section__title__color);text-transform:uppercase}.about__me{padding:1rem 10rem;line-height:2rem}.education p{display:flex;justify-content:space-between;align-items:center;margin:0;flex-wrap:wrap;padding:1rem 10rem}.school__name{font-weight:700}.school__name:after{content:"  "}.school__location,.school__enrollment{color:var(--education__color);padding-left:.5rem}.major{color:var(--education__color);margin-top:.5rem;font-style:italic;width:100%;padding-top:.5rem}.school__location{margin-right:1rem;white-space:nowrap}.school__enrollment{font-style:italic;margin-left:auto;white-space:nowrap}.skill__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;justify-content:center;padding:0;list-style-type:none;max-width:1000px;margin:0 auto}.skill__list li{background-color:#f5f5f5;border-radius:.5rem;padding:.5rem 1rem;box-shadow:0 2px 5px #0000001a;transition:transform .2s}.skill__list li:hover{transform:translateY(-5px);box-shadow:0 4px 10px #0003}.contact__list{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;justify-items:center;align-items:center;padding:0;list-style:none;margin:0 auto;max-width:1000px}.contact__list div{display:flex;align-items:center;justify-content:center;padding:1rem;border-radius:4px;box-shadow:0 2px 5px #0003;width:100%;max-width:350px;margin:.5rem}.contact__list a,.location__address{color:var(--font__color);text-decoration:none;margin-left:.5rem;font-weight:700;transition:color .3s ease}.contact__list a:hover{color:#0056b3}.contact__list img{width:24px;height:24px}.contact_button{display:inline-block;padding:1rem 2rem;background-color:#007bff;color:#fff;text-transform:uppercase;font-weight:700;font-size:1.2rem;border-radius:5px;text-align:center;cursor:pointer;transition:background-color .3s,transform .3s;box-shadow:0 4px 6px #0003;border:none;text-decoration:none;margin-top:1rem}.contact_button:hover,.contact_button:focus{background-color:#0056b3;transform:translateY(-2px);outline:none}.contact_me_container{text-align:center;margin-top:2rem}@media (max-width: 70rem){body{font-size:.9rem}.about__me,.education p{padding:1rem;height:auto}.skill__list{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:0;list-style-type:none;justify-content:center;align-items:center}.school__enrollment{text-align:left;margin:0;padding-top:0;padding-left:0}}@media (max-width: 50rem){.contact__list{grid-template-columns:repeat(2,1fr);max-width:none}.school__enrollment{text-align:left;margin:0;padding-top:.5rem;padding-left:.5rem}.school__name{padding-left:.5rem}.contact_button{padding:.8rem 1.5rem}.major{padding-top:0;padding-left:1.5rem}}.link{background:none;border:none;padding:0;text-decoration:underline;cursor:pointer;font-size:large}.send_button,.cancel_button{margin-left:unset;margin-right:unset;width:unset;grid-column:span 6;margin:.5rem;font-size:1.2rem;border-radius:.5rem}.resume{color:var(--font__color)}.content__img{width:500px;height:200px;object-fit:cover;position:relative;width:100%;overflow:hidden}.experience{padding:3rem;margin-bottom:0rem;box-shadow:0 2px 4px #0000001a}.experience p{display:block;margin-bottom:.5rem}.company__name,.company__location{display:inline;margin-right:.5rem;font-size:1.2rem}.company__location,.company__enrollment{color:var(--education__color);padding-left:.5rem}.company__enrollment{float:right;font-style:italic}.title{display:block;font-size:1.1rem;font-weight:700;margin-bottom:.5rem;margin-top:.5rem;font-style:italic;width:100%;padding-top:.5rem}ul{padding:0;margin-top:0;margin-left:10rem;margin-right:5rem}li{margin-bottom:.5rem;line-height:1.6}.experience:after{content:"";display:table;clear:both}@media (max-width: 50rem){.company__enrollment{float:none;display:block;text-align:left;margin-top:.5rem;padding-left:0}.experience{padding:1rem}ul{margin-left:5rem;margin-right:2rem}.experience__text{padding:1rem 2rem}.title{padding:.5rem 2rem 1rem}}#main-content{background-color:var(--color-page-bg)}.boldArrow{font-weight:900}#sortButton{position:absolute;right:0;margin-top:1rem;margin-right:1rem;border:none;padding:.5rem 1rem;background-color:var(--button__color);color:var(--button_text_color);border-radius:.5rem}.cards{display:grid;gap:7rem;padding:4rem 1rem;justify-content:center;justify-items:end}.card img{transition:transform .3s ease;cursor:pointer}.card img:hover{transform:scale(1.05)}.image_UX,.image_Cloud-Native,.image_news_aggregator{display:block;margin-left:auto;margin-right:auto;width:78%;height:auto}.card__title{text-align:center;padding:2rem 1rem 0rem;line-height:2rem}.card__content{display:inline-block;line-height:2rem;padding:1.5rem}.favor{width:6rem;color:var(--button_text_color);padding:0;border-radius:.5rem;border:none;line-height:2rem;display:block;margin-left:auto;margin-right:auto}@media (min-width: 44rem){.card-text{text-align:left}.cards{display:grid;gap:7rem;padding:3.5rem;justify-content:center;justify-items:end}.card{display:grid;grid-template-columns:6fr 5fr .5fr;align-items:center;padding:2rem;position:relative;margin-bottom:0rem;box-shadow:0 2px 4px #0000001a}.card__title,.card__content{text-align:left;padding:.5rem 0;line-height:2rem}.image_Cloud-Native{justify-self:center;object-fit:contain;width:80%;height:auto}.image_news_aggregator{justify-self:center;object-fit:cover;object-position:center top;width:78%;height:auto}.image_UX{justify-self:center;object-fit:contain;width:80%;height:auto}.favor{position:absolute;right:1rem;bottom:1rem}}h2{text-align:center;padding:3rem}.content__subtitle{text-align:left;padding:1rem 6rem;color:var(--font__color)}p{text-align:left;padding:1rem 6rem}.content__list{text-align:left;padding:0 6rem 1rem;color:var(--font__color)}.content__panels{padding-bottom:1.5rem}.privacy__img{display:block;margin-left:auto;margin-right:auto}.content__title{padding:3rem}.contact__title{display:grid;padding-bottom:1rem}.content__box{padding:2rem}.email__icon{margin:1rem;aspect-ratio:1/1;height:fit-content;height:20px;width:30px}.location__icon,.GitHub__icon,.Linkedin__icon{margin:1rem;aspect-ratio:1/1;height:fit-content;height:30px;width:30px}.email__address,.location__address,.github__address,.linkedin__address{display:flex;align-items:center;color:var(--font__color)}.address{padding:0}.location_img{object-fit:cover;height:400px;width:600px}.skip-to-content-link{position:absolute;top:0;left:50%;transform:translate(-50%,-100%);transition:transform .3s;background-color:var(--color-page-bg)}.skip-to-content-link:focus{transform:translate(-50%)}.contact-form{display:grid;grid-template-columns:repeat(12,1fr);gap:.5rem;font-size:1rem}.contact-button{margin-left:3rem;margin-right:.5rem;margin-top:.5rem;border-radius:.5rem;border-color:#fff;font-size:1rem;cursor:pointer;background-color:var(--button__color);color:var(--button_text_color)}.contact-form__input--email,.contact-form__input--name{grid-column:span 12;text-align:center;padding:.5rem;display:grid;grid-template-columns:auto auto 1fr;gap:.5rem}.label_email,.label_name{grid-column:span 1;text-align:left}.require_mark{grid-column:span 1;font-style:italic;text-align:left}.input_email,.input_name{grid-column:span 3}.error--name,.error--email{grid-column:span 3;color:var(--warning__color);text-align:left;font-size:smaller}.send_button,.cancel_button{margin-left:.5rem;margin-right:.5rem;border-radius:.5rem;border-color:#fff;font-size:1rem}.thanksText{font-size:1.25rem}.form{height:20rem;width:25rem;border:2px solid black;background-color:var(--color-card-bg);margin:auto}.form::backdrop{background-color:#000;opacity:50%}.form_title{text-align:center;padding:1rem}@media (max-width: 50rem){.contact__container{display:grid;grid-template-columns:repeat(12,1fr);padding:4rem 2rem}.content__box{display:grid;grid-column:span 6;justify-content:start;align-content:space-around}.contact__title{display:grid;grid-column:span 6;justify-content:end;align-items:start;padding-top:1rem;padding-right:5rem}.content__text,.content__subtitle{padding:1rem 2rem}.content__list{padding:0}}.contact_form_container{max-width:30rem;margin:5rem auto;padding:3rem 1rem;border-radius:.5rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.contact_form_header{color:var(--font__color);font-size:2.5rem;text-align:center;display:block;margin-left:auto;margin-right:auto;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;padding-bottom:1rem;margin-bottom:3rem;text-transform:uppercase;letter-spacing:.1em;border-bottom:3px solid #0056b3;margin-top:2rem;border-radius:5px;padding:1rem}.contact_form_row{display:grid;grid-template-columns:3fr 8fr 1fr;grid-gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:.9375rem}.contact_form_label,.contact_form_input,.contact_form_textarea{box-sizing:border-box}.contact_form_label{color:var(--font__color);padding-right:2rem;margin-right:2%;text-align:left;align-self:center;font-weight:700;white-space:nowrap}.contact_form_input,.contact_form_textarea{padding:.5rem;border:.05rem solid #ccc;border-radius:.25rem;background-color:#fff}.contact_form_textarea{height:6.25rem;resize:vertical}.contact_form_button,.close_button{padding:1rem 2rem;background-color:#007bff;color:#fff;text-transform:uppercase;font-weight:700;font-size:1.2rem;border-radius:5px;text-align:center;cursor:pointer;transition:background-color .3s,transform .3s;box-shadow:0 4px 6px #0003;border:none;text-decoration:none;margin-top:2rem;display:block;margin-left:auto;margin-right:auto}.close_button:hover,.contact_form_button:hover{background-color:#0056b3;transform:translateY(-2px);outline:none}.thanksText{color:var(--font__color);font-weight:700;font-size:1.2rem;border-radius:5px;text-align:center;margin:0 auto}.formData_name{font-weight:700;color:#4a90e2;padding:.25rem;border-radius:4px;background-color:#e1ecf4;margin:0 .5rem}.required_asterisk{color:red}.footer{background-color:var(--color-header-bg);list-style-type:none;display:flex;flex-direction:row;justify-content:space-around;margin:0;padding:1rem}.footer-link{margin:0;padding:.3rem;color:var(--font__color)}.footer-link:hover{background-color:var(--color_hover_color)}