.project-card{border-radius:8px;padding:12px;width:250px;text-align:left;margin:10px;box-shadow:0 2px 8px #0000001a;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.project-card img{width:100%;height:150px;object-fit:contain;margin-bottom:12px;border-radius:4px}.project-card .project-title{font-weight:700;font-size:14px;margin-bottom:6px;text-align:center;justify-content:flex-start}.project-card .project-description{font-size:12px;text-align:center;margin-bottom:12px;text-overflow:ellipsis}.project-card .project-button{font-size:12px;padding:8px 16px;min-height:44px;width:100%;margin-top:auto;display:block;margin-left:auto;margin-right:auto;cursor:pointer}.Experience-card{border-radius:8px;padding:12px;text-align:left;box-shadow:0 2px 4px #0000001a;margin-bottom:5px;background-color:#fff;width:50%;max-width:600px;min-width:280px}.Experience-card img{width:100%;height:150px;object-fit:cover;margin-bottom:12px;border-radius:4px}.Experience-card .experience-role{font-weight:700;font-size:14px;margin-bottom:6px;text-align:left}.Experience-card .experience-company{font-weight:700;font-size:14px;margin-bottom:6px;color:var(--lumo-secondary-text-color);text-align:left}.Experience-card .experience-description{font-size:12px;margin-bottom:12px;text-align:left}.Experience-card .experience-button{font-size:12px;display:block;margin-left:auto;margin-right:auto;margin-top:auto;padding:8px 16px;cursor:pointer}@media (min-width: 850px){.nav-bar{font-size:1em;display:flex;background-color:#0000;justify-content:center;align-items:center;gap:1rem}.nav-bar div{display:flex!important}.nav-bar a{color:red;font-family:Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,sans-serif;font-style:normal}.nav-bar text{color:red;font-family:Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,sans-serif;font-style:normal}}@media (max-width: 850px){vaadin-horizontal-layout .nav-bar{display:flex;align-content:center;align-items:center}.nav-bar{font-family:Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,sans-serif;flex-direction:row;background-color:#0000;align-items:center;justify-content:center;gap:1rem}.nav-bar a{display:none;width:0;height:0;font-size:0}.nav-bar div{display:flex}}div{position:relative;font-size:1.125em;font-family:Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,sans-serif;font-style:normal;text-transform:uppercase;margin:0 auto;text-align:center}.video-container{width:100%;display:grid;align-items:center;justify-content:center}.ourImage{grid-area:1 / 1;filter:grayscale(100%);overflow:hidden;width:95%;padding:10px}.content,.overlay{grid-area:1 / 1;color:red;font-size:2vh;padding:1em}.Jvideo-container{width:100%;display:grid;align-items:center}.joverlay{grid-area:1 / 1;color:red}.nested{grid-area:1;padding:1em}video{margin:auto;width:70%}#about-section,#projects-section,#about-me-section{display:flex;flex-direction:column;align-items:flex-start;margin-left:0;padding-left:0}.vaadin-accordion-heading{font-family:Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,sans-serif;font-style:normal;font-weight:700}body{font-size:16px;line-height:29.2px}vaadin-side-nav-item::part(link){font-family:Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,sans-serif;font-style:normal;color:red}vaadin-side-nav-item a{font-family:Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,sans-serif;font-style:normal;color:red}vaadin-scroller{background-color:#f0f0f000}vaadin-side-nav-item{background-color:#000}vaadin-scroller.p-s{background:transparent!important;box-shadow:none!important}vaadin-side-nav,vaadin-side-nav-item,vaadin-scroller.p-s>div{background:transparent!important}vaadin-side-nav-item[current]{background:#fff}vaadin-side-nav-item::part(link){background-color:#fff}vaadin-button{font-family:Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,sans-serif;font-style:normal;color:red}