:root{color-scheme:light}body{margin:0;font-family:Open Sans,-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}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-shell main{flex:1}@media screen and (max-width: 400px){#features{padding:20px;width:111%}#about,#services,#testimonials,#team,#contact,#footer{width:111%}#portfolio{width:110%}}#portfolio .portfolio-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0}#portfolio .portfolio-items>div{width:100%;display:block}#portfolio .portfolio-item{border-radius:12px;overflow:hidden;box-shadow:0 10px 20px #0000001a;transition:transform .2s ease,box-shadow .2s ease}#portfolio .portfolio-item:hover{transform:translateY(-4px);box-shadow:0 14px 28px #00000026}#portfolio .hover-bg{display:contents}#portfolio .portfolio-item img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}@media (max-width: 1024px){#portfolio .portfolio-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){#portfolio .portfolio-items{grid-template-columns:minmax(0,1fr)}}:root{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#111;background-color:#fff}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit}img{max-width:100%;display:block}