.light{background-color:#f5f5f5;color:#2b2b2b}.light .reverse{background-color:#2b2b2b}.light .border{border:.3rem solid #2b2b2b}.dark{background-color:#000;color:#fff}.dark .reverse{background-color:#f5f5f5}.dark .border{border:.3rem solid #fff}.grey{background-color:#2b2b2b;color:#f5f5f5}.grey .reverse{background-color:#f5f5f5}.grey .border{border:.3rem solid #f5f5f5}body{border:0;box-sizing:border-box;margin:0;padding:0}:root{display:block;height:100vh;overflow:hidden;width:100vw}@media(max-width:300px){:root{display:none}}.initial{display:block;height:100vh;overflow:scroll;overflow-wrap:break-word;width:100vw}.header-div{flex-direction:row;height:-webkit-max-content;height:max-content;justify-content:space-evenly;margin:1rem 0 .25rem;position:-webkit-sticky;position:sticky;width:100vw}.header-div,.links{align-items:center;display:flex}.links{font-family:Roboto,sans-serif;font-size:1.5rem;height:3rem;justify-content:center;padding:.25rem 0;text-decoration:none;width:100%}.links:active,.links:hover{text-decoration:underline!important}.toggle{display:flex;height:3rem;justify-content:center;margin:1rem 0 .25rem}.toggle,.toggle svg{align-self:center;width:100%}.menu,.toggle svg{height:2rem}.menu{align-items:center;display:none;flex-direction:column;float:right;justify-content:space-evenly;position:absolute;right:1rem;top:1rem;width:2rem}.spanDiv{border-radius:.2rem;display:none;height:.25rem;width:1.4rem}@media(max-width:768px){.header-div{display:flex;flex-direction:column}.links.close,.toggle.close{display:none}.menu{display:flex;position:absolute}.menu.opened{margin-bottom:1rem}.spanDiv{display:flex}}main{margin:1rem 0 .25rem;overflow:scroll;overflow-wrap:break-word}.searchbar-div{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin:2rem 0 1rem;width:100%}.searchbar-div form,.searchbar-div select{grid-column:2/3;justify-content:center}.searchbar-div select{display:none}.searchbar-div option{z-index:1}.titlePage{display:flex;flex-wrap:wrap;font-family:Playfair Display,serif;font-size:1.5rem;height:-webkit-max-content;height:max-content;justify-content:start;margin:0 5rem;width:inherit}.titlePage a{color:#006400}.paragraphs{display:flex;flex-wrap:wrap;font-family:Playfair Display,serif;font-size:1.5rem;grid-template-columns:.5fr 1fr .5fr;height:80vh;width:inherit}.paragraphs a{color:#006400}.paragraphs p{display:flex;grid-column:2/3;justify-content:center;margin:5rem}.projects{display:grid;font-family:Playfair Display,serif;font-size:1.5rem;height:-webkit-max-content;height:max-content;justify-content:center;width:100vw}.projects .projectsContainer{grid-gap:2rem;display:grid;gap:2rem;margin:1rem}.projects .projectsContainer .items.projectItem{grid-gap:.5rem;align-content:center;display:grid;gap:.5rem;grid-template-areas:"projectTitle projectTitle projectTitle" "images projectDescription projectDescription" "images demo source" "images demo source" "keywords keywords keywords";grid-template-columns:4fr 2fr 2fr;grid-template-rows:1fr 4fr 1fr 1fr 1.5fr;height:30rem;max-width:88vw;min-width:50vw}.projects .projectsContainer .items.projectItem .projectImg{align-items:center;border-radius:1rem;display:flex;flex-grow:1;flex:1 1;grid-area:images;padding:1rem}.projects .projectsContainer .items.projectItem .title{align-items:center;border-radius:1rem;display:flex;grid-area:projectTitle;justify-content:center;padding:.25rem}.projects .projectsContainer .items.projectItem .description{border-radius:1rem;display:flex;grid-area:projectDescription;overflow:scroll;overflow-wrap:break-word;padding:.25rem;text-align:justify}.projects .projectsContainer .items.projectItem .sourceUrl{align-items:center;border-radius:1rem;display:flex;grid-area:source;justify-content:center;padding:.25rem}.projects .projectsContainer .items.projectItem .sourceUrl :hover{text-decoration:underline!important}.projects .projectsContainer .items.projectItem .sourceUrl a{color:inherit;text-decoration:none}.projects .projectsContainer .items.projectItem .demoUrl{align-items:center;border-radius:1rem;display:flex;grid-area:demo;justify-content:center;padding:.25rem}.projects .projectsContainer .items.projectItem .demoUrl :hover{text-decoration:underline!important}.projects .projectsContainer .items.projectItem .demoUrl a{color:inherit;text-decoration:none}.projects .projectsContainer .items.projectItem .urlDescription{border:none;display:flex;font-size:1rem;grid-area:urlSubtext}.projects .projectsContainer .items.projectItem .keywords{align-items:center;border-radius:1rem;display:flex;grid-column-end:keywords;grid-column-start:keywords;grid-row-end:sourceDescription;grid-row-start:keywords;justify-content:start;padding:.25rem}@media screen and (max-width:300px){.items.projectItem{grid-gap:.5rem;align-content:center;display:grid;gap:.5rem;grid-template-areas:"projectTitle" "images" "description" "demoUrl" "sourceUrl" "keywords";grid-template-columns:1fr;grid-template-rows:1fr 3fr 2fr 1fr 2fr;height:30rem;max-width:100vw}.items.projectItem .projectImg{align-items:center;background-color:pink;border:10px solid #ff0;border-radius:1rem;display:flex;flex-grow:1;flex:1 1;grid-area:images;padding:1rem}.items.projectItem .title{align-items:center;background-color:#add8e6;border:3px solid blue;border-radius:1rem;display:flex;grid-area:projectTitle;justify-content:center;padding:1rem}.items.projectItem .description{background-color:#f4b43d;border:3px solid red;border-radius:1rem;display:flex;grid-area:projectDescription;overflow:scroll;overflow-wrap:break-word;padding:.8rem;text-align:justify}.items.projectItem .sourceUrl{align-items:center;background-color:#ff0;border:1px solid green;border-radius:1rem;display:flex;grid-area:source;justify-content:center}.items.projectItem .demoUrl{align-items:center;background-color:gray;border:1px solid #ff0;border-radius:1rem;display:flex;grid-area:demo;justify-content:center;min-width:1fr}.items.projectItem .demoUrl:hover{content:"something";content:"sss";display:block;grid-area:demoDescription;text-decoration:underline!important;z-index:1}.items.projectItem .keywords{align-items:center;background-color:#9acd32;border:1px solid purple;border-radius:1rem;display:flex;grid-column-end:keywords;grid-column-start:keywords;grid-row-end:sourceDescription;grid-row-start:keywords;justify-content:start;padding:1rem}}.footer{align-items:center;display:grid;font-size:1rem;grid-row:1fr;grid-template-columns:.25fr 1fr;height:4rem;justify-self:center;margin:1rem}.footer img{border-radius:50%;grid-column:1/2;height:2em;justify-self:center;width:2em}.footer p{grid-column:2/3;justify-self:center}.bar{background-color:inherit;background-color:navy;border:0;height:4px;overflow:visible;position:relative;width:100%}.bar:after{background-image:linear-gradient(44deg,#0000 2rem,navy 0);content:"";display:block;height:2rem;position:absolute;right:0;top:0;width:4.5rem}
/*# sourceMappingURL=main.73c9bb83.css.map*/