nav ul{list-style:none;margin:0;padding:0}nav{background-color:#333;border-radius:10px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;margin:2px 5% 5%;padding:4.5px;position:-webkit-sticky;position:sticky;top:0}nav a{border-radius:5px;color:#fff;font-weight:700;padding:10px 20px;text-decoration:none;transition:background-color .3s}nav a:hover{background-color:#0077b6}nav ul{align-items:center;display:flex;height:100%;justify-content:space-evenly}@media screen and (max-width:768px){nav ul{flex-direction:row;justify-content:center;text-align:center}nav li{margin:0 3px}}.sticky{position:-webkit-sticky;position:sticky;top:0;transition:transform .3s}.sticky.hidden{transform:translateY(-100%)}.dark{background-color:#141414;color:#fff}.dark>nav{background-color:#111;box-shadow:0 0 0 2.5px #ffffff1a}.theme-button{background-color:#fff;border:1px solid #333;border-radius:13px;color:#333;cursor:pointer;padding:8px;transition:all .3s ease}.theme-button.dark{background-color:#333;border:2px solid #fff;color:#fff}.theme-button:hover{background-color:#555;border-color:#555;color:#fff}.dark nav a:hover{background-color:#3a3a3a}footer{border-radius:15px;margin-top:80px;padding:15px;text-align:center}.dark-footer{background-color:#111;box-shadow:0 0 0 1px #ffffff1a}.light-footer{background-color:#333;color:#fff}@media screen and (max-width:510px){nav{display:none}}.social-media-links a{margin:10px}.icons{list-style:none;padding:0;text-align:center}.icons li{display:inline-block;margin:10px}.icons a{border:1px solid #0000;display:block;padding:10px}.icons li:hover{filter:brightness(1.5)}@media only screen and (max-width:600px){.about-me{margin:2%}.pfp{height:100px;margin-top:10px;width:100px}.social-media-links a{margin:10px}.icons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));justify-content:center}.icons li{margin:0;text-align:center}.icons a{border:1px solid #0000;display:block;padding:10px}}.about-me{background-color:#0000001a;background-color:hsla(0,2%,72%,.452);border-radius:10px;box-shadow:0 2px 4px #0000001a;margin:5%;padding:20px;position:relative;text-align:center}.pfp{border:4px solid #000508;border-radius:50%;box-shadow:0 0 10px #0003;height:150px;margin:50px auto 0;object-fit:cover;width:150px}.intro-text{color:#333;font-family:Courier New,Courier,monospace;font-size:large;font-size:18px;font-weight:530;margin-top:20px;padding-left:200px;padding-right:200px}.umich{color:#00274c}.dark>.about-me{background-color:#111;box-shadow:0 0 0 1px #ffffff1a;color:#fff}.dark>.about-me>.intro-text{color:#fff}.dark>.about-me>.pfp{border-color:#555}@media only screen and (max-width:900px){.about-me{margin:5%}.pfp{height:100px;margin-top:10px;width:100px}.intro-text{font-size:16px;padding:10px}}@media only screen and (max-width:600px){.about-me{margin:30px 5% 5%}.pfp{height:100px;margin-top:10px;width:100px}.intro-text{font-size:16px;padding:10px}}.project-wrapper{background-color:hsla(0,2%,72%,.452);border-radius:15px;box-shadow:0 2px 4px #0000001a;margin:5%;padding:20px 20px 40px}.project-list{display:flex;flex-wrap:wrap;gap:70px;justify-content:center}h1{font-size:40px;padding-bottom:20px}.project-card,h1{text-align:center}.project-card{background-color:#fff;border:3px solid #000;border-radius:20px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;max-width:400px;padding:20px;position:relative;transition:transform 2s ease,max-width 2s ease-in}.project-card h2{font-size:24px;margin:40px 0 10px}.project-card p{color:#333;font-family:Courier New,Courier,monospace;font-size:18px}.tech-stack{margin-top:10px;max-width:100%}.tech-stack ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;padding:0}.tech-stack li{color:#666;font-size:14px;margin-right:10px}.in-progress{font-size:2px;font-style:italic;font-weight:600}.plus-{transition:transform 1.5s ease,width 1s ease-in-out}.plus-,.plus-expanded{left:15px;position:absolute;top:15px}.plus-expanded{transform:rotate(135deg);transition:transform 1s ease,width 1s ease-in-out}.plus-:hover,.plus-expanded:hover{cursor:pointer}.project-card.expanded{max-width:33%}.project-card:hover{box-shadow:15px 15px 50px hsla(0,0%,56%,.155);transform:perspective(500px) rotateX(5deg) rotateY(5deg) rotate(1deg)}.project-card.expanded{transform:none;transition:none}@media only screen and (max-width:600px){.project-card{max-width:calc(100% - 20px)}.project-card.expanded{max-width:100%}}.dark>.project-wrapper{background-color:#111;box-shadow:0 0 0 1px #ffffff1a}.dark>.project-wrapper>.project-list>.project-card{background-color:#292929;border-color:#555}.dark>.project-wrapper>.project-list>.project-card>p{color:#dcdcdc}@media only screen and (max-width:600px){.project-card:hover{box-shadow:none;transform:none;transition:none}.project-card.expanded{max-width:100%}.project-card{max-width:calc(100% - 1.5px)}.project-card.expanded{max-width:100%}}.animated-arrow{bottom:20px;position:fixed;right:20px}.arrow-down{border-left:15px solid #0000;border-right:15px solid #0000;border-top:20px solid #0077b6;height:0;width:0}@keyframes moveUpDown{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}.animated-arrow{align-items:center;animation:moveUpDown 2s ease infinite;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.experience-wrapper{background-color:hsla(0,2%,72%,.452);border-radius:15px;box-shadow:0 2px 4px #0000001a;margin:5%;padding:20px 20px 40px}.experience-list{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.experience-heading{text-align:center}.experience-card-,.experience-card-expanded{background-color:#f7f7f7;background-color:#fff;border:3px solid #000;border-radius:10 8px;border-radius:20px;box-shadow:0 0 10px #0003;margin:20px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:30px;position:relative}.experience-card-expanded{align-items:center;display:flex;flex-direction:column;justify-content:center;max-height:100px;max-width:none;overflow:hidden;text-align:center}.left-column{flex:1 1;text-align:center}.left-column img{max-height:100px;max-width:100%}.left-column h2{font-size:1.5rem;margin:10px 0}.left-column .date{font-size:1rem;margin:0}.right-column{align-items:center;display:flex;flex:2 1;justify-content:center;padding-right:20px}.right-column h4{font-size:1.2rem;margin:10px 0 0}.right-column p{font-size:1rem;margin:5px 0 0}.description-list ul{list-style-type:disc;margin-left:20px}.companyPic{margin-top:20px}.description-list ul{list-style:none;padding:0}.description-list li{align-items:flex-start;color:#000;display:flex;margin:15px 0}.description-list li:before{color:#000;content:"•";font-size:14px;margin-right:10px}.container{padding-right:10px}.dark>.experience-wrapper{background-color:#111;box-shadow:0 0 0 1px #ffffff1a}.dark>.experience-wrapper>.experience-list>.experience-card-,.dark>.experience-wrapper>.experience-list>.experience-card-expanded{background-color:#292929;border-color:#555}.dark>.experience-wrapper>.experience-list>.experience-card->.right-column>.description-list li{color:#dcdcdc}.dark .experience-card- .right-column .description-list ul{list-style-type:none}.dark .experience-card- .right-column .description-list ul li:before{color:#dcdcdc;content:"•";display:inline-block;font-size:1.2em;margin-left:-1em;padding-right:.5em;width:1em}.plusE-{transition:transform 1.5s ease,width 1s ease-in-out}.plusE-,.plusE-expanded{left:15px;position:absolute;top:15px}.plusE-expanded{transform:rotate(135deg);transition:transform 1s ease,width 1s ease-in-out}.plusE-:hover,.plusE-expanded:hover{cursor:pointer}.experience-description{align-items:center;display:flex;justify-content:center;margin-bottom:1px}.experience-card-{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;transform:perspective(500px) rotateX(0deg) rotateY(0deg) rotate(0deg);transition:transform 2s ease-in-out,max-width 2s ease-in-out}.experience-card-:hover{box-shadow:15px 15px 50px #8e8e8e14;max-width:none;transform:perspective(500px) rotateX(5deg) rotateY(5deg) rotate(1deg)}@media only screen and (max-width:600px){.experience-card-:hover{box-shadow:none;transform:none;transition:none}.experience-card-,.experience-card-expanded,.experience-list,.experience-wrapper{max-width:100%}.left-column h2{font-size:1rem}.right-column h4{font-size:1rem;margin-top:5px}.right-column p{font-size:.9rem;margin-top:5px}}.container{background-color:hsla(0,2%,72%,.452);border-radius:15px;box-shadow:0 2px 4px #0000001a;margin:50px auto;max-width:600px;padding:25px}.form-group{margin-bottom:15px}label{display:block;font-weight:700}.form-group label{display:inline-block;margin-bottom:5px}input[type=email],input[type=text],textarea{border:1px solid #ccc;border-radius:5px;padding:10px;width:calc(100% - 20px)}.error-message{color:red}.submit-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease,width .3s ease-in-out}.submit-button:disabled{background-color:#ccc;cursor:not-allowed;filter:brightness(.5)}@media only screen and (max-width:600px){.container{margin:5%}.submit-button{width:100%}}.dark>.outside>.container{background-color:#111;box-shadow:0 0 0 1px #ffffff1a}.submit-button:hover{background-color:#3795f9}.email-notsent{padding:20px}.email-sent{text-align:center}