@import url(https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100..900;1,100..900&family=Roboto&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,Overpass;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#090e10;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}body,html{height:100vh;width:100vw}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.starter-page{margin-top:100px;text-align:center}.starter-page h1{color:#333;font-size:3rem}.starter-page h2{color:#666;font-size:1.5rem}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.grid-container{grid-gap:5px}.project-card-wrapper{height:175px;margin:10px;transition:width .5s;width:200px}.project-card-wrapper:hover{width:98.7%}.project-card-wrapper .project-card{background:#02294f33;border:1px solid #3640494d;border-radius:16px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;height:100%;overflow:hidden;transition:width .5s;width:100%}.project-card-wrapper:hover .project-card{width:auto}@media (min-width:768px) and (max-width:1200px){.project-card-wrapper{height:175px;margin:10px;transition:width .5s;width:200px}.project-card-wrapper:hover{width:98.7%}.project-card-wrapper:hover .project-card{width:auto}}.project-card:hover .content{opacity:1}.project-card .Button-contained{background-color:initial;border:none;color:#94a6b8;cursor:pointer;display:none;font-family:Overpass,sans-serif;font-size:16px;font-weight:700;justify-content:left;margin-right:40px;opacity:0;padding:10px;text-align:left;transition:background-color .3s}.project-card .Button-contained:hover{color:#367abf}.project-card:hover .Button-contained{display:inline;justify-content:right;text-align:right}.card-arrow{display:inline-block;margin-left:5px;transition:transform .3s}.Button-contained:hover .card-arrow{transform:translateX(20px)}.card-content{align-items:center;display:flex;flex-direction:column}.project-card-wrapper .project-card .project-image{align-items:center;height:175px;left:0;object-fit:cover;position:absolute;top:0;transition:opacity .5s,height .5s;width:100%}.project-card-wrapper:hover .project-image{opacity:.2}.project-card-wrapper .project-card .title{color:#fff;display:none;font-family:Overpass,sans-serif!important;font-weight:700;opacity:0;text-align:left}.project-card:hover .title{display:block}.project-card-wrapper .project-card .tags{display:none;font-family:Overpass,sans-serif;gap:10px;justify-content:start;opacity:0}.project-card:hover .tags{display:flex}.project-card-wrapper .project-card .description{color:#94a6b8;display:none;font-family:Overpass,sans-serif;font-weight:300;opacity:0;text-align:left}.project-card:hover .description{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.Button-contained,.description,.tags,.title{animation:fadeIn .5s ease-in-out forwards;animation-delay:.5s}.modal{box-Shadow:24;max-Height:"90vh";border-Radius:"15px";background:"#08141c";border:"1px solid rgba(54, 64, 73, 0.3)";height:600;left:"50%";overflow:"auto";position:"absolute";top:"50%";transform:"translate(-50%, -50%)";width:800}.modal .modal-title{color:#fff;font-family:Overpass,sans-serif!important;font-weight:700;text-align:left}@media (max-width:767px){.project-card-wrapper{display:flex;flex-grow:1;height:auto;margin:5px;width:auto}.project-card-wrapper .project-card{display:flex;flex-grow:1;width:98.7%}.project-card-wrapper:hover{width:auto}.project-card-wrapper:hover .project-card{width:98.7%}.project-card-wrapper .project-card .project-image{align-items:center;height:100%;left:0;object-fit:cover;opacity:.2;position:absolute;top:0;transition:opacity .5s,height .5s;width:100%}.project-card-wrapper .project-card .title{color:#fff;display:block;font-family:Overpass,sans-serif!important;font-weight:700;opacity:1;text-align:left}.project-card-wrapper .project-card .tags{display:flex;gap:10px;justify-content:flex-start;opacity:0}.project-card-wrapper .project-card .description{color:#94a6b8;display:block;font-family:Overpass,sans-serif;font-weight:300;opacity:1;text-align:left}.project-card .Button-contained{background-color:initial;border:none;color:#94a6b8;cursor:pointer;display:inline;font-family:Overpass,sans-serif;font-size:16px;font-weight:700;justify-content:left;margin-right:10px;margin-top:5px;opacity:1;padding-bottom:5px;padding-top:10px;text-align:left;transition:background-color .3s}.grid-container{grid-gap:5px;display:grid;gap:4;grid-auto-rows:175px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.experience-card-wrapper{height:auto;margin:10px;width:500px}@media (max-width:767px){.experience-card-wrapper{height:auto;justify-content:center;margin:10px;width:auto}}.experience-card-wrapper .experience-card{background-color:initial;border-radius:16px;height:100%;overflow:hidden;transition:background-color .5s,border .5s,box-shadow 1s;width:100%}.experience-card-wrapper:hover .experience-card{background:#02294f33;border:1px solid #3640494d;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.experience-card .experience-title{color:#fff}.experience-card .experience-subtitle,.experience-card .experience-title{font-family:Overpass,sans-serif!important;font-weight:700;text-align:left}.experience-card .experience-subtitle{color:#94a6b8;font-size:.9rem;opacity:50%}.experience-card .experience-company-title{color:#fff;font-family:Overpass,sans-serif!important;font-weight:700}.experience-company-title:hover{color:#367abf;text-decoration:none}.company-arrow{margin-bottom:5px;margin-left:5px;transition:margin-left .3s,margin-bottom .3s}.experience-company-title:hover .company-arrow{margin-bottom:20px;margin-left:20px}.experience-card .experience-description{color:#94a6b8;font-family:Overpass,sans-serif;font-weight:300;max-width:400px;text-align:left}.experience-card .experience-date{color:#636e7a;font-family:Overpass,sans-serif;font-weight:600;text-align:right}a:link{text-decoration:none}.social-icon{size:4rem;color:#94a6b8}.social-icon:hover{color:#367abf}.appbarbox{opacity:1}@media (max-width:767px){.appbarbox{opacity:0}}html{scroll-behavior:smooth}h1{color:#333;font-size:3rem;margin-bottom:1rem}h2{color:#666;font-size:2rem;margin-bottom:2rem}.project-title{font-weight:700!important}.project-title,.subtitle{font-family:Overpass,sans-serif!important}.button{background-color:initial;border:none;color:#94a6b8;cursor:pointer;font-family:Overpass,sans-serif;font-size:16px;font-weight:700;padding:10px;text-align:left;transition:background-color .3s}.button:hover{color:#367abf}.arrow{margin-left:5px;transition:margin-left .3s}.button:hover .arrow{margin-left:20px}.box .name{color:#fff;font-weight:700}.box .name,.box .subtitle{font-family:Overpass,sans-serif}.box .subtitle{font-weight:500}.appbarbox-homepage{display:none;opacity:0}.social-icon-homepage{size:4rem;color:#94a6b8}.social-icon-homepage:hover{color:#367abf}.grid-container{grid-gap:10px;display:grid;gap:2px;grid-auto-rows:175px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media (max-width:767px){.grid-container{grid-gap:10px;display:grid;gap:40px;grid-auto-rows:175px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));justify-content:center}.appbarbox-homepage{opacity:1}.social-icon-homepage{size:4rem;color:#94a6b8}}.library-card-wrapper{display:flex;flex-grow:1;height:auto;margin:5px;width:auto}.library-card-wrapper .library-card{background:#02294f33;border:1px solid #3640494d;border-radius:16px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;display:flex;flex-grow:1;height:100%;overflow:hidden;transition:width .5s;width:98.7%}.library-card-wrapper:hover .library-card{width:auto}.library-card-wrapper .library-card .project-image{align-items:center;display:inline;height:225px;left:0;object-fit:cover;opacity:.4;position:absolute;top:0;transition:opacity .5s,height .5s;width:100%}.library-card .Button-card{background-color:initial;border:none;color:#94a6b8;cursor:pointer;display:inline;font-family:Overpass,sans-serif;font-size:16px;font-weight:700;justify-content:left;margin-right:30px;opacity:1;text-align:left;transition:background-color .3s}.Button-card:hover{color:#367abf}.Button-card .card-arrow{display:inline-block;margin-left:5px}.Button-card:hover .card-arrow{transform:translateX(20px)}.back-button{background-color:initial;border:none;color:#94a6b8;cursor:pointer;font-family:Overpass,sans-serif;font-size:16px;font-weight:700;justify-content:left;padding:10px;text-align:left;transition:background-color .3s}.back-button:hover{color:#367abf}.back-arrow{margin-right:5px;transition:transform .3s ease-out}.back-button:hover .back-arrow{transform:translateX(-20px)}.library-card-wrapper:hover .project-image{opacity:.6}.library-card-wrapper .library-card .title{color:#fff;display:flex;font-family:Overpass,sans-serif!important;font-weight:700;justify-content:space-between;opacity:1;text-align:left}.library-card-wrapper .library-card .description{color:#94a6b8;display:block;font-family:Overpass,sans-serif;font-weight:500;opacity:1;text-align:left;text-shadow:3px 3px 6px #000000fa}.library-card-wrapper .library-card .status{display:inline;font-family:Overpass,sans-serif!important;font-weight:700;opacity:1;text-shadow:0 0 0 #000}.library-card-wrapper .library-card .year{color:#94a6b8;font-family:Overpass,sans-serif!important;font-weight:700;opacity:1;text-align:right;text-shadow:0 1px 2px #000}@media (max-width:767px){.library-card-wrapper .library-card .project-image{align-items:center;display:inline;height:100%;left:0;object-fit:cover;opacity:.4;position:absolute;top:0;transition:opacity .5s,height .5s;width:100%}}
/*# sourceMappingURL=main.7d0697a3.css.map*/