body,html{max-width:100%;overflow-x:hidden}html{scroll-behavior:smooth}body{background-color:#000;width:100%}body,p{color:#dbdbdb}nav{color:#dcdcdc;margin-right:20px;z-index:100}nav ul{list-style:none;text-align:center}nav ul li{display:inline-block;margin-left:8px;margin-right:8px;cursor:pointer}#nameNav{margin-left:20px}#Header{position:fixed;display:flex;justify-content:space-between;align-items:center;font-size:1.5em;top:0;width:100%;background-color:#000;padding-top:10px}.sectionHeader{text-align:center;margin-top:25px;font-size:25px}nav ul li a,nav ul li a:visited{text-decoration:none;color:#dcdcdc}a:active,nav ul li a:focus,nav ul li a:hover{text-decoration:none}@media screen and (max-width:770px){#Header{font-size:1.2em}}@keyframes slideInFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes colorTransition{0%{color:#000}to{color:#dcdcdc e}}#personal_statement{margin-top:30vh;animation:colorTransition 1.5s;margin-left:2%;font-size:2.4em;text-align:left;margin-bottom:20%}#Intro{animation:slideInFromLeft 1.25s ease-out 0s 1;margin-left:7%;margin-right:7%;margin-top:15%;display:grid;grid-template-columns:1.5fr 1fr;border-bottom:solid;border-color:#c6c6c6;scroll-margin-top:100px}@media screen and (max-width:770px){#personal_statement{text-align:center;font-size:1.8em;width:100%;grid-template-columns:none;margin-left:5%}#Intro{margin-left:1%;grid-template-columns:.9fr}}.aboutContainer{margin-left:5%;margin-right:5%;align-items:center;border-bottom:solid;border-color:#c6c6c6}#sectionHeader{text-align:center;padding-top:100px;font-size:25px}.aboutParagraph{margin-top:40px;padding-left:20%;padding-right:20%;text-align:center;font-size:1.8em;margin-bottom:100px;scroll-margin-block:1000px}.hidden{opacity:0}.hidden,.show{transition:all 1s}.show{opacity:1}.paragraphhidden{opacity:0;transition:all 1s}.paragraphshow{opacity:1;transition:all 3s}@media screen and (max-width:1078px){.hidden,.paragraphhidden,.show{opacity:1;transition:all 1s}.paragraphshow{opacity:1;transition:all 3s}}@media screen and (max-width:770px){.aboutContainer{font-size:.7em;margin-left:1%}.aboutParagraph{text-align:center;padding-left:5%;padding-right:5%;margin-top:50px}#optionalText{display:none}}#projects{scroll-margin-top:105px;border-top:solid;border-color:#c6c6c6;margin-left:5%;margin-right:5%}.sectionheader{margin-top:100px;padding-left:20%;padding-right:20%;text-align:left;font-size:1.8em;scroll-margin-top:110px}.swiperContainer{width:55%;padding-top:50px;padding-bottom:50px;margin-left:22.5%;margin-top:5%;height:10%}.swiper-slide{background-position:50%;background-size:cover;width:100px;height:50px;margin-bottom:5%}.swiper-slide img{display:block;width:100%;height:10%;object-fit:contain}.Modal{width:clamp(60%,700px,90%);height:min(60%,400px);margin:auto;padding:0 2rem;border-radius:12px;display:flex;flex-direction:column;align-items:center}.modal-text h1,.modal-text p{text-align:center}.modal-text p{font-size:1.6em;height:100%}.Modalbackground{border:1px solid #fff;background:#000}.backdrop{position:fixed;z-index:10000;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;overflow-y:hidden}#modalClose{background-color:#fff;width:80px;height:30px;color:#000;border-radius:15px}#closeContainer{height:100%;padding-top:90%}.projectName{text-align:center;font-size:1.5rem}#contactContainer{margin-left:5%;margin-right:5%;align-items:center;border-top:solid;border-color:#c6c6c6;scroll-margin-top:110px}@media screen and (max-width:770px){#contactContainer,.projectContainer{margin-left:1%}.swiperContainer{width:90%;margin-left:2.5%;padding-top:5px}}@media screen and (max-width:1021px){.modal-text p{font-size:1.9vh}}.linksflex{display:flex;flex-direction:column;align-items:center;row-gap:15px}.linksgrid{display:grid;grid-template-columns:100px 100px 100px;justify-content:center;grid-column-gap:150px;column-gap:150px}.linkedin{color:#fff;background-color:#0a66c2;border-radius:20px;border:none;padding:7px 18px;font-family:sans-serif;font-size:20px;cursor:pointer;transition:background-color .3s;text-decoration:none;text-align:center;display:flex;align-items:center}.linkedin:hover{background-color:#074380}.linkedinimg,.resumeimg{width:80px;height:80px}.linksborder{margin-top:0;width:100%;height:350px;background-color:#454141}.resume{color:#000;background-color:#fff;border-radius:20px;border:none;padding:7px 18px;font-family:sans-serif;font-size:20px;cursor:pointer;transition:background-color .3s;text-decoration:none;display:flex;align-items:center}.links{text-align:center;font-size:40px;font-family:Times New Roman;margin-top:0}.resume:hover{background-color:#949393}.githubimg{border-radius:15px;width:80px;height:80px}.github{width:100px;text-align:center;color:#fff;background-color:#238636;border-radius:20px;border:none;padding:7px 18px;font-family:sans-serif;font-size:20px;cursor:pointer;transition:background-color .3s;text-decoration:none}.github:hover{background-color:#195f27}@media screen and (max-width:770px){.linksgrid{column-gap:5%}}.footer{padding-left:5px;padding-right:5px;margin-top:8%;width:97%;margin-right:5%}.footer p{color:#c3c3c3}.container{display:flex;justify-content:space-between;align-items:center}.name{font-weight:700}@media screen and (max-width:770px){.footer{width:95%;font-size:.5em}}.experienceContainer{text-align:center;margin-bottom:100px;padding-top:100px}.eHeader{font-size:25px}.buttonSelector{display:flex;column-gap:50px;justify-content:center}.btn-primary,body{background-color:#000!important;color:#fff!important}.btn-primary{border-color:#000!important}.btn-primary:hover{background-color:#333!important;border-color:#333!important}.modal .modal-content{background-color:#000!important;color:#fff!important;border-style:solid;border-color:#fff!important;border-width:1px!important}.modal-footer,.modal-header{border-color:#333!important}.card,.modal-title{color:#fff!important}.card{background-color:#000!important;border-color:#333!important}.card-subtitle,.card-title{color:#fff!important}.workContainer{display:flex;margin-left:15%;margin-right:15%;align-items:center;justify-content:center;flex-wrap:wrap}.card-title{font-size:1.2rem;font-weight:700}.card-subtitle{font-size:1rem;color:#6c757d}.card-body{display:flex;flex-direction:column;justify-content:space-between}.card-body>*{margin-bottom:1rem}.card-text{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}