body {
    background-color: #F4F4F6;
    /*DIn färg här*/
    background-attachment: fixed;
    font-family: "Lato", sans-serif;
    color: #4A4A4A;
}

header {
    margin-left: 175px;
}

a {
    color: #4A4A4A;
    font-size: 26px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    transition: transform 0.3s ease;
    margin-left: 10px;
    align-self: flex-start;
}

.exercise-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

a:hover {
    text-decoration: none;
    color: #2563EB;
    transform: translateY(-4px);
}

#difer {
    color: #F59E0B;
}

#somea {
    text-align: center;
    margin-left: -120px;
}

.bigtext {
    font-size: 200%;
}

h1 {
    font-weight: bold;
    font-size: 50px;
    margin-left: 100px;
    display: inline-block;
}

.lato-thin {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.lato-light {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.lato-regular {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.lato-bold {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.lato-black {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.lato-thin-italic {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.lato-light-italic {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.lato-regular-italic {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.lato-bold-italic {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.lato-black-italic {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: italic;
}