main.scss

@use 'var';

* {
    box-sizing: border-box;
}

h2 {
 font-weight: 700;
 display: block;
 margin: 0 auto;
 font-size: 21px;
}

p {
 font-weight: 400;
 font-size: 15px; 
 color: $midgrey;
}

.textcentered {
    font-family:  'Outfit';
    text-align: center;
   }

.description {
 padding: 15px 20px
}

body {
    background: $background;
    .card {
        background:#FFF;
        padding:15px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 18px;
        box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, 0.07);
        border: 1px solid hsl(220, 15%, 55%, 0.4);
    }
    img {
        border-radius: 12px;
    }
}