<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html,
body{

    margin: 0;
    padding: 0;
}
body{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin: 0;
}

.Head{
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;

}

.Header-Text{
    margin-bottom: 2rem;
    margin-left: 8rem;
    margin-top: 1rem;
    font-size: 24px;
    color: #f9faf8;
    font-weight: 700;
    font-size: 24px;

}
.Head-Links{
    margin-right: 6rem;
    padding: 1rem 2rem;
    display: flex;
    gap: 12px;
}

a{
    text-decoration: none;
    font-size: 18px;
    color: #e5e7eb;
}

.Hero-Box{
    padding-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Hero-Box img{
    padding-bottom: 3rem;
    width: 500px;
    height: 200px;
}

.Hero-Main-Text{
    font-weight: bold;
    font-size: 48px;
    color: #f9faf8;
}

.Hero-Secondary-Text{
    font-size: 18px;
    color: #e5e7eb;
}

.Hero{
    background-color: #1f2937;
}

.Dummy-Text{
    max-width: 450px;
    display: flex;
    
    padding-right: 5rem;
    padding-bottom: 3rem;
}

.Hero-Box button{
    padding: 8px 24px;
    margin-top: 12px;
    color: white;
    background-color: #3882f6;
    border: 1px solid #3882f6;
    border-radius: 5px;
    font-weight: bold;
}


       /* CONTENT OTHER THAN HEADER */

       .Information-header{
           margin: 1rem 0rem;
           font-size: 36px;
           font-weight: bolder;
           color: #1f2937;
           display: flex;
           align-items: center;
           justify-content: center;
           margin-bottom: 2rem;

       }

       .box{

           border: 3px solid #3882f6;
           width: 150px;
           height: 150px;
           border-radius: 12px;
    
       }
      


       .Card-holder{
           justify-content: center;
           display: flex;
           align-items: center;
            margin: 0 auto;
           gap: 52px;
       }

  

       .text{
           text-align: center;
           flex-wrap: wrap;
       }

       .container{
        max-width: 150px;
        margin-bottom: 5rem;
       }

      
       .Odin{
           display: flex;
           justify-content: flex-end;
           margin-top: 0;
           font-weight: bold;
           font-size: 22px;
           padding-right: 20px;
       }

       .Motivation{

        display: flex;
        justify-content: center;
        margin-bottom: 5rem;
        background-color: #e5e7eb;
       }

      .Testimonial{
          font-style: italic;
          margin: 2rem 0;
          font-weight: 300;
          color:  #1f2937;
          text-align: left;
          font-size: 36px;
          max-width: 815px;
          padding: 20px;

      }

.bbl{
    display: flex;
    max-width: 850px ;
    padding: 1.7rem 7rem;
    gap: 72px;
    border-radius: 8px;
    color: white;
    background-color: #3882f6;
    margin-bottom: 5rem;
    align-items: center;
}

.xbbl{
    display: flex;
    justify-content: center;
}

.bbl button{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    padding: 8px 24px;
    color: white;
        background-color: #3882f6;
        border: 2px solid white;
        border-radius: 5px;
        font-weight: 600;

}

.CTA-text{
    font-size: 22px;
    font-weight: bold;

}

.Sign-up-text{
    font-size: 18px;
}

.footer{
    margin-top: auto;
    padding: 0.7rem;
    color: #f9faf8;
    background-color: #1f2937;
    font-size: 18px;
    display: flex;
    justify-content: center;
}


body{
    height: 100vh;
    display: flex;
    flex-direction: column;
}</pre></body></html>