@font-face{font-family:Comfortaa;src:url(https://fonts.googleapis.com/css2?family=Comfortaa&display=swap) format("woff2"),url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap) format("woff2"),url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&display=swap) format("woff2")}body{font-family:Comfortaa,sans-serif;background-color:#fff;margin-left:10px;margin-right:10px;align-items:center}@media (min-width: 1280px){body{max-width:1280px;margin-left:auto;margin-right:auto}}.cardComponent{display:flex;justify-content:space-between;align-items:self-end;padding:10px;background-color:#0d1b2a;color:#fff;border-radius:0 10px 10px 0;border-left:#d30c7b solid 10px}.footerComponent{left:0;position:absolute;background-color:#81d4fa}.aboutMeCardContainer{margin-top:10px;margin-bottom:10px;padding:10px 20px;color:#fff;border-radius:0 10px 10px 0;border-left:#d30c7b solid 10px;background-image:url(https://michellebagot.co.uk/assets/about-me-header-CZ2Z-N0j.png);background-size:cover;background-position:center center}.inlineParagraph{display:inline-flex;align-items:center}.inlineParagraph p{margin:0;padding:0 5px}.headshotImg{display:inline-block;width:200px;border-radius:50%;border:#d30c7b solid 10px}.headshotDiv{display:inline-block;margin:10px auto;align-items:center}.introCardContainer{margin-bottom:10px;padding:10px;background-color:#0d1b2a;color:#fff;border-radius:0 10px 10px 0;border-left:#d30c7b solid 10px}.introTextDiv{margin-left:25px;vertical-align:top}.containerForFlex{display:flex;flex-direction:column}@media (min-width: 768px){.containerForFlex{flex-direction:row}}.projectCardContainer{margin-top:10px;margin-bottom:10px;padding:10px 20px;color:#fff;border-radius:0 10px 10px 0;border-left:#d30c7b solid 10px;background-image:url(https://michellebagot.co.uk/assets/projects-header-C15oDN1s.png);background-size:cover;background-position:center center}.resumeCardContainer{margin-top:10px;margin-bottom:10px;padding:10px 20px;color:#fff;border-radius:0 10px 10px 0;border-left:#d30c7b solid 10px;background-image:url(https://michellebagot.co.uk/assets/resume-header-CUIy6nL9.png);background-size:cover;background-position:center center}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:15px;justify-items:center}.header-card{display:flexbox;justify-content:space-between;align-items:self-end;padding:10px;background-color:#0d1b2a;color:#fff;border-radius:10px 0 0 10px;border-right:#d30c7b solid 10px;margin-bottom:10px}.header-content{flex:1;text-align:center}.header-content h1,.header-content h2{margin:.5rem 0}.header-content h2{font-size:medium}.menu-nav{margin:-10px 5% -15px}.menu-ul{display:flex;justify-content:space-between;text-align:center;flex-direction:row;align-content:center;align-items:center}.menu-li{padding-right:10px;padding-left:10px}.footerContainer{display:flex;justify-content:space-between;align-items:self-end;padding:10px;background-color:#0d1b2a;color:#fff;border-radius:10px 0 0 10px;border-right:#d30c7b solid 10px;margin-bottom:10px}.socialIconsContainer{position:relative;right:5px}.socialIconsFooter{margin-left:10px;margin-right:10px}a{color:#000;text-decoration:none}h1 a{color:#fff}.cardContainer{margin-top:10px;margin-bottom:10px;padding:10px;background-color:#0d1b2a;color:#fff;border-radius:0 10px 10px 0;border-left:#d30c7b solid 10px}li{list-style-type:none}.descBullets{display:flex;padding:10px 10px 10px 0}ul{list-style-position:inside;padding-left:0}.gridContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:15px;justify-items:center}.iconContainer{background-color:#fff;width:75px;height:75px;border-radius:50px;display:flex;justify-content:center;align-items:center}.techTitle{text-align:center}a{color:#fff}.githubLogo{display:inline;align-items:center;margin-right:10px}hr{height:10px;border:none;background-color:#d30c7b}.skillTags{color:#0d1b2a;border-radius:50px 0 0 50px;border-right:solid #d30c7b 10px;padding:10px;margin-right:10px;margin-top:10px;height:25px;display:inline-flex;justify-content:center;align-items:center;background-color:#fff}p{line-height:125%}.carousel-image{max-height:300px;object-fit:cover}@media (max-width: 768px){.carousel-image{max-width:250px;object-fit:cover}}.screenshot-carousel{display:flex;justify-content:center;align-items:center;font-weight:900;font-size:larger}.left-button{color:#0d1b2a;border-radius:50px 0 0 50px;border-right:solid #d30c7b 10px;padding:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;height:25px;display:inline-flex;justify-content:center;align-items:center;background-color:#fff}.right-button{color:#0d1b2a;border-radius:0 50px 50px 0;border-left:solid #d30c7b 10px;padding:10px;margin-left:10px;margin-top:10px;margin-bottom:10px;height:25px;display:inline-flex;justify-content:center;align-items:center;background-color:#fff;box-shadow:none}.open-image{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:10}.open-screenshot-image{max-width:90%;max-height:90%;object-fit:contain;position:relative}.cardContainer{margin-top:10px;margin-bottom:10px;padding:10px 20px;background-color:#0d1b2a;color:#fff;border-radius:0 10px 10px 0;border-left:#d30c7b solid 10px}.skillTags{color:#0d1b2a;border-radius:50px 0 0 50px;border-right:solid #d30c7b 10px;padding:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;height:25px;display:inline-flex;justify-content:center;align-items:center;background-color:#fff}.cardContainer,.jobCardContainer{margin-top:10px;margin-bottom:10px;padding:10px 20px;background-color:#0d1b2a;color:#fff;border-radius:0 10px 10px 0;border-left:#d30c7b solid 10px}.pieChart{height:300px;padding:10px;margin-bottom:20px}.textWithColorBox{display:flex;align-items:center}.rejectedRolesBox{content:"";display:block;width:15px;background-color:#d30c7b;margin-left:10px}.awaitingOutcomeBox{content:"";display:block;width:15px;background-color:#e38627;margin-left:10px}.softEngBox{content:"";display:block;width:15px;background-color:#d30c7b;margin-left:10px}.softDevBox{content:"";display:block;width:15px;background-color:#e38627;margin-left:10px}.fullStackBox{content:"";display:block;width:15px;background-color:#39a0ff;margin-left:10px}.frontEndBox{content:"";display:block;width:15px;background-color:#9d38bd;margin-left:10px}.backEndBox{content:"";display:block;width:15px;background-color:#ffc107;margin-left:10px}.webDevBox{content:"";display:block;width:15px;background-color:#28a745;margin-left:10px}.otherBox{content:"";display:block;width:15px;background-color:#f9e79f;margin-left:10px}.keyInfo{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1em;align-items:left;text-align:left;margin:0 auto}@media only screen and (max-width: 768px){.keyInfor{grid-template-columns:1fr}}.loading-screen{margin-top:10px;margin-bottom:20px;padding:10px 20px;background-color:#0d1b2a;color:#fff;border-radius:0 10px 10px 0;border-left:#d30c7b solid 10px}.spinner{width:75px;height:75px;border:10px solid #e38627;border-radius:50%;border-top-color:#d30c7b;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lost{margin-top:10px;margin-bottom:20px;padding:10px 20px;background-color:#0d1b2a;color:#fff;border-radius:0 10px 10px 0;border-left:#d30c7b solid 10px;display:flex;flex-direction:column}.lostBullet{margin-bottom:10px;text-decoration:dotted}.linkButton{padding:10px;color:#000;background-color:#fff;border-radius:0 50px 50px 0;border-left:#d30c7b solid 10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;position:relative;margin:10px 10px 10px 0}