@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Ubuntu,sans-serif;font-size:18px;font-weight:400;line-height:1.5}main .header{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;margin-block:3rem 7rem}main .header h1{font-size:3.2rem;font-weight:700;line-height:1.5;text-transform:capitalize}main .header .btn{background:#ffc107;border:none;border-radius:.5rem;cursor:pointer;font-size:1.2rem;font-weight:700;line-height:1.5;padding:.5rem 1rem}main .header .btn:hover{background:#ffd54f;box-shadow:1px 1px 3px rgba(0,0,0,.1)}main .header .btn:active{background:#ffd54f;box-shadow:none}main ol{flex-wrap:wrap;justify-content:center;list-style:none;width:100%}main ol,main ol .card{align-items:center;display:flex}main ol .card{border-radius:3px;flex-direction:column;justify-content:space-between;margin:10px;mix-blend-mode:exclusion;padding:30px;transition:all .3s ease}main ol .card:hover{box-shadow:1px 1px 3px rgba(0,0,0,.5);cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}main ol .card img{height:120px;width:120px}main ol .card p{color:#f1f1f1;margin-top:5px;mix-blend-mode:difference}main ol .card .line{background-color:rgba(0,0,0,.3);height:.1px;margin-top:20px;width:100%}
/*# sourceMappingURL=main.0d745804.css.map*/