article{background-color:#1e1d28;margin:30px 30px 30px 0}article,img{width:300px;height:300px;border-radius:20px}body{margin:0;font-family:Montserrat,sans-serif}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin:0}main{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}header,main{display:-webkit-box;display:-ms-flexbox;display:flex}header{background-color:#f7a000;width:100%;height:80px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}button{margin-left:40px;background-color:#fff;border:none;width:160px;height:40px;border-radius:10px;font-size:17px;color:#000;font-weight:700;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}button:hover{background-color:#ffd585;cursor:pointer}.cards{width:96%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}