body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.error-container{padding:2rem}.error-message{color:#ff6b6b;text-align:center;margin-top:2rem}.no-content{text-align:center;padding:2rem;color:#888}.movie-image{width:100%;height:auto;object-fit:cover;transition:transform .3s ease}.movie-image:hover{transform:scale(1.05)}.link{color:#000;font-weight:500;text-decoration:none;font-size:13px;padding:5px;border-radius:4px}.logo{font-size:20px;font-weight:700}.link:hover{color:#787878;padding:5px}.link.active{color:#4d17cb}.header{font-weight:700;padding:20px;color:#f2f2f2;font-size:18px}.header .sub-title{font-size:10px;margin-left:5px;margin-top:3px;color:#000}.menu{padding-left:15px;padding-bottom:15px;right:0;left:0;z-index:100;background-color:#fff}.menu ul{display:contents}.menu ul li{display:inline;list-style:none}.menu-phone,.menu-slide{display:none}.portfolio-grid-overlay{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;gap:5px;margin:10px}.grid-item{position:relative;overflow:hidden;border-radius:3px;height:auto}.grid-image-inner-wrapper{width:100%;height:0;padding-bottom:75%;position:relative}.grid-image-inner-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@keyframes spin{to{transform:rotate(1turn)}}.project-description-text{font-size:14px}.project-description-list{list-style:none;padding:0 0 0 5px;margin:0}.project-descrition-list span{color:#989898;font-weight:400}.project-items-container{padding:10px;display:flex;flex-direction:row;position:absolute}.menu-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;padding:10px;color:#363636;position:absolute;right:20px;top:10px;z-index:1001}@media screen and (max-width:768px){.header{position:relative}.menu-toggle{display:block}.menu{display:none;padding:15px;margin-top:20px}.menu.menu-open{display:block}.menu ul{margin:0;padding:0 0 0 20px}.menu ul,.menu ul li{display:block!important}.menu ul li{margin:10px 0}}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}@media screen and (max-width:1000px){.portfolio-grid-overlay{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:800px){.project-items-container{position:relative;grid-template-columns:repeat(1,minmax(0,1fr))}.portfolio-grid-overlay{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:500px){.portfolio-grid-overlay{grid-template-columns:repeat(1,minmax(0,1fr))}}