.card-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0}.card-container .card{width:100%;max-width:300px;background-color:#222}.card-container .card a{padding:20px;width:100%;height:250px;border:2px solid #000;background:#fff;text-decoration:none;color:#000;display:block;transition:.25s ease}.card-container .card:hover a{padding:20px;border-color:#5bc0eb;height:550px;margin-bottom:4%}.card-container .card a:hover{transform:translate(-10px,-10px)}.card-container .card a:hover .card--display{display:none}.card-container .card a:hover .card--hover{display:block}.card-container .card a .card--display i{font-size:50px;margin-top:100px}.card-container .card a .card--display h2{margin:10px 0 0}.card-container .card a .card--hover{display:none}.card-container .card a .card--hover h2{margin:10px 0}.card-container .card a .card--hover p{font-weight:400;line-height:1.4}.card-container .card a .card--hover p.link{margin:10px 0 0;font-weight:700;color:#5bc0eb}.card-container .card .card--border{position:absolute;width:100%;height:100%;left:0;top:0;border:2px dashed #000;z-index:-1}.card-container .card.card--dark a{color:#fff;background-color:#000;border-color:#000}.card-container .card.card--dark a .card--hover .link{color:#fde74c}.titler{font-size:30px}.material-icons{color:blue;text-decoration:double}@media (max-width:768px){.card-container .card a{height:auto;padding:15px}.card-container .card a .card--display i{font-size:24px}.card-container .card a .card--display h2,.card-container .card a .card--hover h2{font-size:18px}}@media (max-width:480px){.card-container{flex-direction:column;align-items:center}.card-container .card{width:100%}.card-container .card a:hover .card--hover{display:block;margin-top:5%;margin-bottom:5%}.card-container .card a{height:150px;padding:10px}.card-container .card a .card--hover p{font-weight:small;line-height:1.4}.card-container .card a .card--display i{font-size:16px}.card-container .card a .card--display h2,.card-container .card a .card--hover h2{font-size:16px;font-weight:700}.card-container .card:hover a{padding:20px;border-color:#5bc0eb;height:500px;margin-bottom:4%}}