body{font-family:Arial,sans-serif;background:url(https://static.vecteezy.com/system/resources/previews/002/536/581/non_2x/dark-blue-smart-blurred-pattern-elegant-bright-illustration-with-gradient-background-for-cell-phones-vector.jpg) no-repeat center center fixed;background-size:cover;margin:0;padding-left:10%;padding-right:10%;color:#fff}.overlay{margin-top:80%;position:absolute;text-align:center;background:#000;color:#fff;height:20%;width:100%;margin-left:auto;margin-right:auto}button{background:#00000080;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer}.product-card{width:300px;height:300px;margin:20px;float:left;position:relative}canvas{width:100%;height:100%;position:absolute;top:0;left:0}.container{padding:10px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.item{flex:1;min-width:300px;text-align:center}header{padding:10px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a;position:fixed;width:100%;top:0;left:0;transition:padding .3s ease,font-size .3s ease;z-index:1000}header.small{padding:10px}header .logo h1{margin:0;font-size:36px;transition:font-size .3s ease}header.small .logo h1{font-size:22px}header nav ul{list-style:none;margin:0;padding:0;display:flex}header nav ul li{margin:10px 20px}header nav ul li a{text-decoration:none;color:#fff;font-size:18px;display:flex;align-items:center}header.small nav ul li a{display:flex}header .material-icons{font-size:24px;margin-right:8px;transition:margin-right .3s ease,font-size .3s ease}header .nav-label{transition:opacity .3s ease}header.small .nav-label{overflow:hidden;opacity:0;display:none;visibility:hidden}@media only screen and (max-width: 750px){header{background-color:#000}body{padding:0}.nav-label{overflow:hidden;opacity:0;display:none;visibility:hidden}header .nav-label{overflow:hidden;opacity:0;display:none;visibility:hidden}header nav ul li a{display:flex}header .logo h1{font-size:22px}header{padding:10px}}.banner{padding:100px 0 10%}.banner h2{font-size:30px;margin:0}.banner p{font-size:16px;margin:10px 0 0}.projects{padding:50px 20px;background:url(https://www.proscreen.be/wp-content/uploads/2013/11/blurred-background-2-11.jpg) no-repeat center center fixed;color:#333}.projects h3{font-size:36px;text-align:center;margin:0 0 30px}.project-filters{text-align:center;margin-bottom:30px}.project-filters button{background:#000;color:#fff;border:none;padding:10px 20px;margin:0 5px;cursor:pointer}.project-list{display:flex;flex-wrap:wrap;justify-content:center}.project{position:relative;margin:10px;width:300px;text-align:center;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0003}.project img{max-width:100%;height:auto}.project .description{position:absolute;bottom:0;width:100%;background:#fffc;padding:20px;box-sizing:border-box}.project h4{font-size:24px;margin:0 0 10px}.project p{font-size:18px;color:#333}.project button{margin-top:10px;padding:10px 20px;font-size:18px;background:#000;color:#fff;border:none;cursor:pointer}footer{background:#000c;padding:20px;text-align:center}.carousel-control{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;cursor:pointer;padding:10px;z-index:1000}.carousel-control.left{left:0}.carousel-control.right{right:0}