[data-theme=light]{--colorMode: black;--backgroundColor: #f1f1f1;--backgroundInput: #522ba7;--tagsBackground: #b492ff;--backgroundCode: rgb(204, 204, 204);--colorCode: rgb(13, 184, 13);--navbarSeparator: #e0e0e0;--inverseTheme: white}[data-theme=dark]{--colorMode: white;--backgroundColor: #242424;--backgroundInput: black;--tagsBackground: #7249cc;--backgroundCode: black;--colorCode: green;--navbarSeparator: #343434;--inverseTheme: rgb(0, 0, 0)}@font-face{font-family:Montserrat;src:url(Montserrat-VariableFont_wght.f595c38f5aaaeca5.ttf)}*{color:var(--colorMode);font-family:Montserrat;font-weight:550}strong{font-weight:700!important}.underline{text-decoration:underline;text-decoration-color:var(--colorMode);text-decoration-style:solid;text-decoration-thickness:1.5px}.big{font-size:1.1rem}.underline.content-color{text-decoration-color:var(--tagsBackground)}.content-color{color:var(--tagsBackground);font-weight:700}.content-code,.content-code-red,.content-code-blue,.content-code-yellow{background-color:var(--backgroundCode);color:var(--colorCode);font-family:monospace;font-weight:lighter;padding:.05rem .2rem}.content-code-red{color:#c00000}.content-code-blue{color:#1853d3}.content-code-yellow{color:#ffd900}.content-white-highlight{background-color:var(--backgroundCode);color:var(--colorMode);padding:.05rem .2rem;font-weight:500}html,body{margin:0;padding:0;background-color:var(--backgroundColor);scroll-behavior:smooth!important;overflow-x:hidden}@media screen and (max-width: 1100px){app-project-detail>.project-detail-container{flex-direction:column!important;text-align:center;align-items:center;justify-content:center;margin:0;padding:2rem 6rem!important}app-project-detail>.project-detail-container>.left-container{width:100%!important}app-project-detail>.project-detail-container>.right-container{width:100%!important}app-project-detail>.project-detail-container>.right-container>p{text-align:left!important;margin-top:1rem!important;margin-bottom:0!important}.portfolioArea>.portfolioNameArea{text-align:center!important}}@media screen and (max-width: 775px){app-project-detail>.project-detail-container{padding:2rem!important}app-project-detail>.project-detail-container>.right-container{width:100%!important}app-all-projects>.portfolioArea>.portfolioNameArea{font-size:2.5rem}app-header>.firstView>.nameArea>#name{font-size:3rem}}@media screen and (max-width: 500px){app-header>.firstView>.containerFirstPage>.developperArea{margin-bottom:2rem}app-header>.firstView>.containerFirstPage>.nameArea>#name{font-size:2.5rem}app-header>.firstView>.containerFirstPage>.developperArea>#developper{font-size:1.3rem}app-header>.firstView>.containerFirstPage>.linkArea>.projectArea>.projectTitle,app-header>.firstView>.containerFirstPage>.linkArea>.projectArea>.blogTitle,app-header>.firstView>.containerFirstPage>.linkArea>.githubText>.githubLink{font-size:1rem}app-header>.firstView>.containerFirstPage>.linkArea{flex-direction:column;gap:1.5rem}app-all-projects>.portfolioArea>.portfolioNameArea{font-size:1.8rem}app-all-projects>.portfolioArea>.all-project-area{font-size:1.8rem;gap:.5rem!important}app-project-detail>.project-detail-container>.right-container>.right-title-container>h1{font-size:1.6rem!important}app-project-detail>.project-detail-container>.right-container>p{font-size:1rem!important}app-project-detail>.project-detail-container>.right-container>.right-link-container>.right-link{font-size:1.1rem!important}app-project-detail>.project-detail-container>.right-container>.right-tags-container{margin:0!important}app-project-detail>.project-detail-container>.right-container>.right-tags-container>.right-tags{font-size:.8rem!important}}