.aboutMe{background:radial-gradient(circle,#f1f0f3 72%,#edd8ff 95%);border-radius:3px;flex-direction:column;align-self:center;align-items:center;max-width:600px;margin:20px;padding:30px;display:flex}.aboutMe h3{align-self:flex-start;margin-bottom:10px}.aboutMe p{line-height:1.5rem}
.educationContainer{background-color:var(--white);text-align:center;padding:20px}.educationContainer h1{padding:30px}.educationContainer p{color:var(--pColor);padding:10px;font-weight:300}
.experienceContainer{background-color:var(--white);flex-direction:column;justify-content:center;align-items:center;margin:30px;display:flex}.experienceContainer h1{text-align:center;padding:30px}.explainExperience{max-width:500px}.explainExperience p{color:var(--pColor);padding:10px}
.footerContainer{background-color:var(--backgroundDarkGray);flex-direction:column;align-items:center;display:flex}.socialMedia{flex:1;justify-content:center;align-items:center;margin:10px;display:flex}.socialMedia span{color:var(--white);cursor:pointer;padding:15px;font-size:50px}.footerContainer h4{color:var(--pColor);padding:10px 0 20px}
header{flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:100px;display:flex}.navbar{flex-direction:row;justify-content:center;align-items:center;width:70%;height:100%;display:flex}.navbar ul{flex-direction:row;align-items:center;width:100%;height:100%;list-style-type:none;display:flex}.navbar li{padding:5px 15px}.navbar li:hover{background-color:var(--lightPurple);transition:all .25s ease-in}.navbar a{color:var(--black);text-decoration:none}@media screen and (max-width:950px){header{flex-direction:column;height:fit-content}.logo{align-self:flex-start;width:100%;padding:10px 0}.navbar{align-self:center;width:fit-content;margin-bottom:10px}.navbar li{font-size:smaller}}@media screen and (max-width:450px){.navbar li{text-align:center;font-size:smaller}}
.logo{flex-direction:row;align-items:center;width:30%;padding:20px 0;display:flex}.logo span{background-color:var(--purple);color:var(--white);border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;margin:4px;display:flex}@media screen and (max-width:950px){.logo{align-self:flex-start;width:100%;padding:10px 0}}
.introductionContainer{flex-direction:row;justify-content:center;align-items:center;width:100%;margin:30px 0;display:flex}.profilePicture{flex-direction:column;justify-content:center;align-items:center;width:50%;display:flex}.IntroductionInfo{flex-direction:column;justify-content:center;align-items:flex-start;width:50%;display:flex}.IntroductionInfo p{margin-top:15px}.IntroductionInfo h4{background-color:var(--purple);color:var(--white);margin-top:10px;padding:5px}.profileImage{border-radius:10px}.buttonContainer{background-color:var(--white);flex-direction:row;margin-top:20px;display:flex}@media screen and (max-width:950px){.introductionContainer{flex-direction:column}.IntroductionInfo{width:100%;padding:30px}.profilePicture{width:100%}.buttonContainer{align-self:center}}@media screen and (max-width:550px){.buttonContainer{flex-direction:row}}
.bigButton{background-color:var(--lightPurple);cursor:pointer;border:none;width:140px;height:50px;margin:1px}.bigButton:hover{background-color:var(--purple);color:var(--white);transition:all .25s ease-in}@media screen and (max-width:550px){.bigButton{width:80px;height:40px;font-size:11px}}
.projectContainer{background-color:var(--backgroundDarkBlue);padding:40px 0}.projectContainer h1{color:var(--white);padding:20px 40px}.projectContainer ul{grid-template-columns:repeat(auto-fit,450px);justify-content:center;gap:40px;list-style:none;display:grid}.projectContainer li{background-color:var(--white);border:1px solid gray;border-radius:5px;flex-direction:column;align-items:center;height:510px;font-weight:700;display:flex}.projectContainer li h4{padding:10px 0}.projectContainer img{border-bottom:1px solid gray;border-radius:5px 5px 0 0;width:100%;height:250px;margin:0 0 20px;padding:0}.plinkToGitHub{cursor:pointer}.projectContainer h5{color:var(--headColor);align-self:flex-start;height:40px;padding:5px 20px 20px;font-weight:500;overflow:hidden}.projectContainer p{color:var(--pColor);height:105px;padding:5px 20px;font-size:smaller;font-weight:400;overflow:hidden}@media screen and (max-width:550px){.projectContainer ul{grid-template-columns:repeat(auto-fit,350px)}.projectContainer img{height:250px}}@media screen and (max-width:450px){.projectContainer ul{grid-template-columns:repeat(auto-fit,250px)}.projectContainer img{height:200px}.projectContainer h5,.projectContainer p{height:fit-content}.projectContainer li{height:550px}}
.button{border:.5px solid var(--purple);background-color:var(--purple);width:90px;height:40px;color:var(--white);cursor:pointer;border-radius:4px}.button:hover{background-color:var(--lightPurple);color:var(--purple)}
.skillsContainer{background-color:var(--backgroundGray);width:100%;padding:40px 0 70px}.skillsContainer h1{padding:20px 40px}.skillsContainer ul{grid-template-columns:repeat(auto-fit,100px);justify-content:center;align-items:center;gap:15px;padding:0 30px;list-style:none;display:grid}.skillsContainer li{background-color:var(--white);flex-direction:column;align-items:center;height:110px;padding:10px;display:flex}.skillsContainer span{background-color:var(--lightPurple);width:40px;height:40px;color:var(--purple);border:.5px solid gray;border-radius:50%;justify-content:center;align-items:center;margin:15px 0 0;padding:0;font-size:30px;display:flex}.skillsContainer span:hover{background-color:var(--purple);color:var(--purple)}.skillsContainer p{color:var(--pColor);padding:10px 0}