@font-face {
    font-family: Work Sans ;
    src: url("./assets/fonts/WorkSans-VariableFont_wght.ttf");
}


* {
    margin:0;
    padding:0;
    box-sizing: border-box;
}

body {
   background-color: hsl(275, 100%, 97%);
   background-image: url("./assets/images/background-pattern-desktop.svg");
   background-repeat: no-repeat;
   background-size: contain;
   background-position:top;
   font-family: "Work Sans";
}

section {
    background-color: hsl(0, 0%, 100%);
    width:60%;
    margin:8% auto;
    padding:3em;
    border-radius: 1em;
}
.heading > img {
    height:2em;
    width:2em;
}
.heading {
    display:flex;
    gap:1em;
}
p {
    font-size: 1em;
}
h2 {
    font-size: 1em;
}
h1 {
    font-size: 1.5em;
}
hr {
    height: 1px;  /* Adjust thickness */
    border: none;  /* Remove default border */
    background-color: #ccc;  /* Optional: Change color */
  }
  
.heading, .content, h2, p {
    margin-bottom: 1em;
}
.content > div {
    display:flex;
    justify-content: space-between;
    align-items: flex-start;
}

.minus {
    display:none;
}

.remove {
    display:none;
}

@media screen and (max-width:375px) {
    body {
        background-image: url("./assets/images/background-pattern-mobile.svg");
        background-position:top;
    }
    section {
        width:90%;
        margin:20% auto;
    }
    h2 {
        width:80%;
    }
    
}