html{background-size:100% 100%;background-repeat:no-repeat;background-image:url(/img/20221207211525_cm1m.e23799de.jpg)}body,html{height:100%}body{overflow:hidden;margin:0;background-color:rgba(0,0,0,.1)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;display:flex;flex-direction:column;justify-content:space-around;height:100%}.logo{width:200px}.center{width:1200px;margin:0 auto 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.projectBox{cursor:pointer;width:360px;border-radius:10px;margin-bottom:30px;margin-right:40px;box-sizing:border-box;overflow:hidden;box-shadow:2px 2px 3px 3px rgba(0,0,0,.03);opacity:1}.imgBox{height:200px;overflow:hidden;background-color:#eee;display:flex;justify-content:center;align-items:center}.name{font-size:16px;padding:10px 20px;font-weight:600;color:#000;background-color:#c7c6b8;box-sizing:border-box}