.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);flex-direction:column;justify-content:center;align-items:center;padding:20px 40px 70px;display:flex}.educationContainer h1{padding:30px}.educationContainer p{color:var(--pColor);padding:10px}
.experienceContainer{background-color:var(--lightGray);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.experienceContainer h1{text-align:center;padding:30px}.explainExperience{max-width:700px}.explainExperience p{color:var(--pColor);padding:8px 15px}.experienceContainer h4{padding:10px 0 5px;font-size:20px}.experienceContainer h6{padding-left:15px;font-size:16px}
.footerContainer{background-color:var(--backgroundDarkGray);flex-direction:column;align-items:center;height:fit-content;padding:20px 0;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 h3{color:#fff;padding:10px 0 20px}
header{flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:100px;padding:10px 20px;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{padding:5px 8px;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:15px 20px}.IntroductionInfo h4{background-color:var(--purple);color:var(--white);margin-top:10px;padding:5px}.profileImage{border-radius:5px}.buttonContainer{background-color:var(--white);flex-direction:row;margin-top:20px;display:flex}@media screen and (max-width:950px){.introductionContainer{flex-direction:column}.profileImage{width:250px;height:250px}.IntroductionInfo{width:100%;padding:30px}.profilePicture{width:100%}.buttonContainer{align-self:center}}@media screen and (max-width:550px){.buttonContainer{flex-direction:row}}
.projectContainer{padding:40px 0}.projectHeader{padding:20px 40px}.projectContainer ul{flex-direction:column;align-items:center;width:100%;display:flex}.projectContainer li{border-bottom:1px solid gray;flex-direction:row;justify-content:space-between;align-items:center;width:80%;min-height:400px;padding:20px;display:flex}.projectContainer li:last-child{border-bottom:none}.explainProject{flex-direction:column;align-items:flex-start;max-width:800px;height:100%;margin:0 20px;display:flex}.projectContainer img{border:1px solid gray;border-radius:10px;width:400px;height:400px}.projectContainer li:nth-child(2n){flex-direction:row-reverse}.explainProject h1{padding-bottom:12px}.explainProject p{padding:10px 10px 5px;font-size:18px}.explainProject h5{padding:10px;font-size:17px}.linkToGitHub{margin:10px 5px}@media screen and (max-width:1000px){.projectContainer img{width:300px;height:300px}.projectContainer li:nth-child(odd),.projectContainer li:nth-child(2n){flex-direction:column}.projectContainer li:nth-child(2n){background-color:var(--lightPurple)}.explainProject{justify-content:center;align-items:center}.explainProject h1{padding:20px 0 10px}.explainProject p{padding:10px 0}.explainProject a{padding-top:20px}.explainProject{margin:0}}@media screen and (max-width:600px){.explainProject h1{font-size:22px}.explainProject p{font-size:15px}}
.button{border:.5px solid var(--purple);background-color:var(--purple);width:120px;height:50px;color:var(--white);cursor:pointer;border-radius:4px;font-size:16px}.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,130px);justify-content:center;align-items:center;gap:15px;width:100%;max-width:800px;margin:0 auto;padding:0 30px;list-style:none;display:grid}.skillsContainer li{background-color:var(--white);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:130px;padding:10px;display:flex}.skillIcon{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}.skillTitle{color:#000;flex-direction:column;justify-content:center;align-items:center;height:45px;font-size:18px;display:flex}.skillIcon:hover{background-color:var(--purple);color:var(--purple)}.skillsContainer p{color:var(--pColor);padding:10px 0}