#root {
    width: 100%;
    margin: 0 auto;
    max-width: 1920px;
    text-align: center;
    background-color: #fff
}

body {
    background-color: #d1cece
}

.logo {
    height: 6em;
    padding: 1.5em;
    will-change: filter;
    transition: filter .3s
}

.logo:hover {
    filter: drop-shadow(0 0 2em #646cffaa)
}

.logo.react:hover {
    filter: drop-shadow(0 0 2em #61dafbaa)
}

@keyframes logo-spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@media (prefers-reduced-motion: no-preference) {
    a:nth-of-type(2) .logo {
        animation: logo-spin infinite 20s linear
    }
}

.card {
    padding: 2em
}

.read-the-docs {
    color: #888
}

@media (max-width: 768px) {
    #root {
        max-width: 430px;
        padding: 0
    }
}

@media (max-width: 411px) {
    #root {
        max-width: 411px;
        padding: 0
    }
}

@media (max-width: 391px) {
    #root {
        max-width: 390px;
        padding: 0
    }
}

@media (max-width: 376px) {
    #root {
        max-width: 375px;
        padding: 0
    }
}

.AIWmkA4ji-A {
    max-width: 1220px;
    padding: 50px 100px;
    margin: 0 auto
}

.Pd0qnn5Qvsk {
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
    align-items: center
}

.d2moc5D2v5Q {
    margin-top: 80px;
    text-align: left
}

.u9NbxY2hYYo {
    width: 100%;
    height: 100%
}

._6lMN5ZWQbB0 {
    display: flex;
    column-gap: 20px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px
}

.mv-abRY1ufI {
    font-size: 30px;
    font-weight: 800;
    color: #50c08c
}

.NHWmM5YWCCc {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 500
}

._326J4yPhOkA {
    margin-top: 50px;
    background-color: #50c08c
}

@media (max-width: 1450px) {
    .AIWmkA4ji-A {
        padding: 40px 80px
    }
}

@media (max-width: 1350px) {
    .AIWmkA4ji-A {
        padding: 30px 60px
    }
}

@media (max-width: 1250px) {
    .AIWmkA4ji-A {
        padding: 20px 40px
    }
}

@media (max-width: 980px) {
    .Pd0qnn5Qvsk {
        flex-direction: column-reverse
    }
}

@media (max-width: 768px) {
    .Pd0qnn5Qvsk {
        flex-direction: column-reverse
    }

    .AIWmkA4ji-A {
        padding: 30px 20px
    }

    ._326J4yPhOkA {
        width: 100%
    }

    .d2moc5D2v5Q {
        margin-top: 20px
    }
}

.pOM5aHfByyA {
    max-width: 1220px;
    padding: 50px 100px;
    margin: 0 auto
}

.iB2OX4Es1ao {
    font-size: 30px;
    font-weight: 800;
    color: #50c08c
}

.xAH232TtgLk {
    font-size: 20px;
    font-weight: 500;
    margin-top: 10px
}

.BTegakck-gg {
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
    margin-top: 50px;
    margin-bottom: 20px
}

.MpcpF5sDA2Y {
    margin-top: 10px;
    font-size: 30px;
    font-weight: 800;
    color: #50c08c
}

.XK3E1BwDVBk {
    font-size: 20px;
    font-weight: 500;
    margin-top: 10px
}

.BZZPl60PCcg {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 500
}

.S3k5yo5Squ4 {
    margin-top: 50px;
    background-color: #50c08c
}

@media (max-width: 1450px) {
    .pOM5aHfByyA {
        padding: 40px 80px
    }
}

@media (max-width: 1350px) {
    .pOM5aHfByyA {
        padding: 30px 60px
    }

    .BTegakck-gg {
        flex-direction: column
    }

    .BZZPl60PCcg {
        max-width: 650px;
        margin: 20px auto
    }
}

@media (max-width: 1250px) {
    .pOM5aHfByyA {
        padding: 20px 40px
    }
}

@media (max-width: 768px) {
    .BTegakck-gg {
        flex-direction: column;
        row-gap: 20px
    }

    .pOM5aHfByyA {
        padding: 30px 20px
    }

    button {
        width: 100%;
        margin-top: 20px
    }

    .FX13QynZ1u4 {
        width: 85%
    }
}

.vIDPjVb6NgE {
    max-width: 1220px;
    padding: 50px 100px;
    margin: 0 auto
}

._--tYvV40uKc {
    display: flex;
    justify-content: space-between;
    column-gap: 20px
}

.N7XN9wLjecQ {
    text-align: left
}

.XO6gNfHexgs {
    font-size: 30px;
    font-weight: 800;
    color: #50c08c
}

.MMVRO-IM-Dc {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 500
}

.X67TE2ajAgs {
    font-size: 20px;
    font-weight: 500
}

.XO6gNfHexgs {
    margin-top: 50px
}

.KYSgVBch6Wo {
    display: flex;
    column-gap: 10px;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 20px
}

.J-utzy-pDY0 {
    margin-top: 50px;
    background-color: #50c08c
}

@media (max-width: 1450px) {
    .vIDPjVb6NgE {
        padding: 40px 80px
    }
}

@media (max-width: 1350px) {
    .vIDPjVb6NgE {
        padding: 30px 60px
    }
}

@media (max-width: 1250px) {
    .vIDPjVb6NgE {
        padding: 20px 40px
    }
}

@media (max-width: 980px) {
    ._--tYvV40uKc {
        flex-direction: column
    }
}

@media (max-width: 768px) {
    ._--tYvV40uKc {
        flex-direction: column
    }

    .vIDPjVb6NgE {
        padding: 30px 20px
    }

    .J-utzy-pDY0 {
        width: 100%
    }
}

.-kWbxx6Og8w {
    max-width: 1220px;
    padding: 50px 100px;
    margin: 0 auto
}

.xnVO8-Oj9kU {
    font-size: 30px;
    font-weight: 800;
    color: #50c08c
}

._0B9SHfc5PTA {
    margin-top: 20px;
    font-size: 20px;
    font-weight: 500
}

.FrYM9dHWWzY {
    margin-top: 20px;
    background-color: #50c08c
}

@media (max-width: 1450px) {
    .-kWbxx6Og8w {
        padding: 40px 80px
    }
}

@media (max-width: 1350px) {
    .-kWbxx6Og8w {
        padding: 30px 60px
    }
}

@media (max-width: 1250px) {
    .-kWbxx6Og8w {
        padding: 20px 40px
    }
}

@media (max-width: 768px) {
    .-kWbxx6Og8w {
        padding: 30px 20px
    }

    .FrYM9dHWWzY {
        width: 100%
    }
}

.A76NFQeFf-k {
    background-color: #092b47;
    color: #fff;
    padding: 40px 20px
}

.QneNsIU9o-0 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 120px;
    max-width: 1220px;
    padding: 50px 100px;
    margin: 0 auto
}

.NJVYTRfrNcI {
    max-width: 755px;
    display: flex;
    justify-content: space-between;
    column-gap: 20px
}

.NJVYTRfrNcI img {
    width: 90px;
    height: 90px
}

.gSSA87AS9Pc {
    font-size: 20px;
    line-height: 1.5;
    text-align: left
}

.gKijAFQGcKU {
    display: flex;
    flex-direction: row;
    gap: 40px
}

.-B2Ii6DTboE {
    min-width: 150px
}

.-B2Ii6DTboE h4 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700
}

.-B2Ii6DTboE ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.-B2Ii6DTboE ul li {
    margin-bottom: 5px
}

.-B2Ii6DTboE ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 17px
}

.-B2Ii6DTboE ul li a:hover {
    text-decoration: underline
}

.GZaN-kqOzNM {
    text-align: center;
    font-size: 16px;
    display: flex;
    max-width: 1220px;
    margin: 20px auto 0;
    justify-content: space-between
}

.WL7lBXlIoDY {
    display: flex;
    justify-content: space-between;
    column-gap: 40px
}

.WL7lBXlIoDY a {
    color: #fff
}

@media (max-width: 1200px) {
    .QneNsIU9o-0 {
        padding: 50px 0
    }
}

@media (max-width: 768px) {
    .QneNsIU9o-0 {
        flex-direction: column;
        text-align: center;
        gap: 10px;
        align-items: center;
        padding: 10px
    }

    .NJVYTRfrNcI, .gKijAFQGcKU {
        text-align: center;
        margin: 0 auto;
        flex-direction: column;
        align-items: center;
        row-gap: 20px
    }

    .gSSA87AS9Pc {
        text-align: center
    }

    .-B2Ii6DTboE {
        min-width: 100%
    }
}

.Hak-yYLr-i8 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    max-width: 1220px;
    margin: 0 auto
}

.N1uGuK0XJ9o {
    background-color: #0b3d63;
    color: #fff
}

.k4ZRqjwnxuY {
    display: flex;
    gap: 50px
}

.k4ZRqjwnxuY a {
    color: #fff
}

.HqRRo9xnCr0 {
    width: auto;
    display: flex;
    column-gap: 50px;
    align-items: center;
    justify-content: end
}

.HqRRo9xnCr0 a {
    color: #fff
}

.ZEr-7v8rwRk img {
    width: auto;
    height: 90px
}

.T5Vw1MIJ5qA {
    background-color: #50c08c;
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px
}

@media (max-width: 768px) {
    .k4ZRqjwnxuY {
        display: none
    }

    .ZEr-7v8rwRk img {
        width: 55px;
        height: 55px
    }

    .HqRRo9xnCr0 {
        justify-content: center;
        margin-top: 0;
        column-gap: 20px
    }

    .HqRRo9xnCr0 button, .HqRRo9xnCr0 a {
        margin-top: 0
    }

    .HqRRo9xnCr0 a:hover {
        color: #50c08c
    }
}

.N-JPCXkduE4 {
    position: relative;
    cursor: pointer;
    font-size: 20px
}

.N-JPCXkduE4:hover {
    color: #5bc45f
}

.SPFjSwGsMIM {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    color: #000;
    padding: 10px;
    box-shadow: 0 4px 6px #0000001a;
    z-index: 10
}

.SPFjSwGsMIM a {
    display: block;
    color: #000;
    padding: 5px 0;
    text-decoration: none
}

.SPFjSwGsMIM a:hover {
    color: #5bc45f
}

._2pN7h7hnceM {
    display: none
}

._7cz89R3AVLI {
    font-size: 24px;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer
}

.nBru7d4qdlU {
    position: absolute;
    top: 20%;
    left: 0;
    background-color: #0b3d63;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px
}

@media (max-width: 768px) {
    ._2pN7h7hnceM {
        display: block
    }

    ._7cz89R3AVLI {
        padding: .6em;
        margin-top: 0
    }

    .nBru7d4qdlU {
        top: 13%;
        width: 95%
    }
}

._0cNx06NRSeY {
    font-size: 90px;
    font-weight: 800;
    color: #50c08c;
    padding-top: 250px;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, .8), -1px 1px 0px rgba(255, 255, 255, .8)
}

.a-c8daqopQs {
    font-size: 20px;
    color: #fff;
    font-weight: 500
}

.xnmVc6oOsNs {
    max-width: 1220px;
    padding: 50px 100px;
    margin: 0 auto
}

.KWnF18tvPnQ {
    background-image: url(/assets/main-dlh5qBH_.webp?ads);
    box-shadow: inset 0 -260px 420px #0009;
    background-size: cover;
}

.eV9Wj1KT4s4 {
    margin-top: 30px;
    background-color: #50c08c
}

.u8KLOLuh2pM {
    color: #50c08c;
    font-weight: 800;
    font-size: 30px
}

.ovegEnw6eW8 {
    font-size: 20px;
    font-weight: 500;
    margin: 24px auto 0;
    max-width: 670px
}

.t3ZZk7lBXzE {
    margin: 50px auto 0;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    max-width: 1000px
}

.F70z5oC3UpI {
    width: 100%;
    background-color: #50c08c;
    padding: 20px;
    border-radius: 20px;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    font-weight: 500
}

.F70z5oC3UpI div {
    display: flex;
    justify-content: space-between
}

.-egrrxrGqbo {
    margin-top: 30px;
    text-align: left;
    font-size: 18px
}

@media (max-width: 1450px) {
    .xnmVc6oOsNs {
        padding: 40px 80px;
        max-width: 1150px
    }
}

@media (max-width: 1350px) {
    .xnmVc6oOsNs {
        padding: 30px 60px;
        max-width: 1050px
    }

    .t3ZZk7lBXzE {
        max-width: 800px;
        margin: 40px auto 0
    }
}

@media (max-width: 1250px) {
    .xnmVc6oOsNs {
        padding: 20px 40px;
        max-width: 1000px
    }
}

@media (max-width: 1200px) {
    .xnmVc6oOsNs {
        padding: 20px 40px;
        max-width: 800px
    }
}

@media (max-width: 768px) {
    .xnmVc6oOsNs {
        padding: 30px 20px
    }

    .dOw5KGF-u4Q {
        width: 100%
    }

    .F70z5oC3UpI {
        width: 90%;
        text-align: left
    }

    .KWnF18tvPnQ {
        background-image: url(/assets/main_mobiler-ByUwV1ZF.png);
        background-size: cover;
        background-repeat: no-repeat
    }

    ._0cNx06NRSeY {
        font-size: 40px;
        font-weight: 800;
        color: #50c08c;
        padding-top: 100px
    }
}

.fNm-SAHvHqk {
    max-width: 1220px;
    padding: 50px 100px;
    margin: 0 auto
}

.bKmE-Jf6szw {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    column-gap: 40px;
    text-align: left
}

.THRyeg4aRTE {
    font-size: 30px;
    font-weight: 800;
    color: #50c08c
}

._7rC6YDYBKzo {
    display: flex;
    align-items: center;
    column-gap: 15px;
    margin-top: 15px
}

.RgSGFaY8JBM {
    margin-top: 15px;
    font-size: 20px
}

@media (max-width: 1450px) {
    .fNm-SAHvHqk {
        padding: 40px 80px
    }
}

@media (max-width: 1350px) {
    .fNm-SAHvHqk {
        padding: 30px 60px
    }
}

@media (max-width: 1250px) {
    .fNm-SAHvHqk {
        padding: 20px 40px
    }
}

@media (max-width: 768px) {
    .bKmE-Jf6szw {
        flex-direction: column;
        text-align: center;
        row-gap: 40px;
        justify-content: space-between
    }

    ._7rC6YDYBKzo {
        justify-content: center
    }

    .fNm-SAHvHqk {
        padding: 30px 20px
    }

    .dljK-Sv2gbg {
        width: 100%
    }
}

.l6kqwoOWUEk {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 -2px 10px #0003;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #0a0a0a;
    max-width: 1880px
}

.cmXlz3Vjiro {
    max-width: 1010px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.xVIGvLkG0TU {
    text-align: left
}

.jVM19Lh414U {
    font-weight: 700;
    margin-right: 20px;
    text-align: left;
    font-size: 23px;
    color: #50c08c
}

._0LZPymNKuCI {
    background-color: #50c08c;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    margin-left: 50px
}

@media (max-width: 1200px) {
    .cmXlz3Vjiro {
        max-width: 710px
    }
}

@media (max-width: 768px) {
    .cmXlz3Vjiro {
        flex-direction: column
    }

    .cmXlz3Vjiro button {
        margin-left: 0;
        font-size: .8em
    }

    .l6kqwoOWUEk {
        max-width: 390px
    }

    .xVIGvLkG0TU {
        text-align: left;
        max-width: 250px
    }

    .jVM19Lh414U {
        font-size: 16px
    }
}

@media (max-width: 668px) {
    .l6kqwoOWUEk {
        max-width: 390px
    }
}

@media (max-width: 541px) {
    .l6kqwoOWUEk {
        max-width: 500px
    }
}

@media (max-width: 431px) {
    .l6kqwoOWUEk {
        max-width: 391px
    }
}

@media (max-width: 415px) {
    .l6kqwoOWUEk {
        max-width: 375px
    }
}

@media (max-width: 391px) {
    .l6kqwoOWUEk {
        max-width: 355px
    }
}

@media (max-width: 376px) {
    .l6kqwoOWUEk {
        max-width: 340px
    }
}

@media (max-width: 361px) {
    .l6kqwoOWUEk {
        max-width: 320px
    }
}

@media (max-width: 345px) {
    .l6kqwoOWUEk {
        max-width: 305px
    }
}

.cHKRh1LI4YE {
    max-width: 1220px;
    padding: 50px 100px;
    margin: 0 auto
}

._2mOMbmB5b94 {
    display: flex;
    justify-content: space-between
}

@media (max-width: 1450px) {
    .cHKRh1LI4YE {
        padding: 40px 80px
    }
}

@media (max-width: 1350px) {
    .cHKRh1LI4YE {
        padding: 30px 60px
    }

    ._2mOMbmB5b94 {
        flex-direction: column;
        align-items: center;
        row-gap: 20px
    }

    ._2mOMbmB5b94 img {
        width: 390px;
        height: 390px
    }
}

@media (max-width: 1250px) {
    .cHKRh1LI4YE {
        padding: 20px 40px
    }
}

@media (max-width: 768px) {
    .cHKRh1LI4YE {
        padding: 30px 20px
    }

    ._2mOMbmB5b94 {
        flex-direction: column;
        row-gap: 20px
    }
}

@media (max-width: 375px) {
    ._2mOMbmB5b94 {
        display: none
    }
}

.PP5KW9-LEeQ {
    font-size: 24px;
    font-weight: 700
}

.k6CI-ajYnpY {
    color: #000;
    text-align: left;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    max-width: 1200px;
    padding: 20px;
    margin: 20px auto
}

._9XN2YbsXecU {
    font-size: 24px;
    font-weight: 700
}

._2FsXiB7ODx4 {
    color: #000;
    text-align: left;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    max-width: 1200px;
    margin: 20px auto;
    padding: 20px
}

.SAap4ygxW04 {
    font-size: 24px;
    font-weight: 700
}

.pSpAx5U6fuM {
    color: #000;
    text-align: left;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    padding: 20px;
    max-width: 1200px;
    margin: 20px auto
}

.EtwnbtgGOVc {
    padding: 48px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 21px;
    background-color: #1669c9
}

.j0lTbyGb1sk {
    padding-bottom: 80px
}

.YlAj097eY1g {
    font-size: 60px;
    font-style: normal;
    font-weight: 700
}

.LONSFIx-f4Y {
    font-size: 20px;
    font-style: normal;
    font-weight: 400
}

.Zf6SDPqiZcA {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #000;
    display: grid;
    width: 300px;
    text-align: left
}

.r-asq1lKp5I {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.y-jExoqacjk {
    max-width: 1200px;
    margin: 40px auto 0
}

.CA0VIBRAiXY {
    background-color: #fff;
    border: 1px solid #F0F0F0;
    color: #161515;
    margin-top: 12px;
    height: 22px;
    padding: 16px
}

.pQLc9x6-Wq8 {
    background-color: #fff;
    border: 1px solid #F0F0F0;
    color: #161515;
    padding: 16px;
    margin-top: 12px
}

.Y5eQCc0O6a8 {
    width: 250px
}

.VAqMpEtCkS0 {
    width: 100%
}

.rCBEuPEdzGY {
    display: flex;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    background-color: #50c08c;
    border-radius: 2px;
    margin: 24px 0 0 auto
}

@media (max-width: 768px) {
    .r-asq1lKp5I {
        flex-direction: column
    }

    .j0lTbyGb1sk {
        padding: 0 20px 80px
    }

    .Zf6SDPqiZcA {
        width: 100%;
        margin-top: 10px
    }
}

.hedGKyi8igA {
    padding: 48px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 21px;
    background-color: #1669c9
}

._3WQ8iSoM7xI {
    padding-bottom: 80px
}

._0sh2I-FNIc8 {
    font-size: 60px;
    font-style: normal;
    font-weight: 700
}

.jQTCqqgxx8E {
    font-size: 20px;
    font-style: normal;
    font-weight: 400
}

.NqVMg4r-8Wk {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #000;
    display: grid;
    width: 300px;
    text-align: left
}

.Nb2Xw4BQJ-Q {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.MjdsKUs-AoM {
    color: #dc143c;
    font-size: 15px;
    max-width: 250px;
    margin: 10px auto 0
}

.J49279M53jk {
    max-width: 1200px;
    margin: 40px auto 0
}

._9rA6kXHZYaQ {
    width: 100% !important;
    height: 100px !important;
    resize: none;
    max-width: 940px
}

.Cqg0Lo99QxI {
    background-color: #fff;
    border: 1px solid #F0F0F0;
    color: #161515;
    margin-top: 12px;
    height: 22px;
    padding: 16px;
    width: 300px
}

.kMdXYLGyYtQ {
    display: flex;
    flex-direction: column
}

._7RKZAJvXkfw {
    background-color: #fff;
    border: 1px solid #F0F0F0;
    color: #161515;
    padding: 16px;
    margin-top: 12px
}

.FXAOQC-zjH4 {
    display: flex;
    flex-direction: column
}

.oRUPppd3VY8 {
    width: 250px
}

._5WMJczLGAqw {
    width: 100%
}

.eliMs2MBtkg {
    display: flex;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    background-color: #50c08c;
    border-radius: 2px;
    margin: 24px 0 0 auto
}

@media (max-width: 1258px) {
    .J49279M53jk {
        max-width: 1000px;
        margin: 20px auto 0
    }

    .Cqg0Lo99QxI {
        width: 230px
    }

    ._9rA6kXHZYaQ {
        max-width: 600px
    }
}

@media (max-width: 1058px) {
    .Nb2Xw4BQJ-Q {
        flex-direction: column
    }
}

@media (max-width: 768px) {
    .Nb2Xw4BQJ-Q {
        flex-direction: column
    }

    .kMdXYLGyYtQ {
        max-width: 340px
    }

    ._3WQ8iSoM7xI {
        padding: 0 20px 80px
    }

    .NqVMg4r-8Wk {
        width: 100%;
        margin-top: 10px
    }
}

:root {
    font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
    line-height: 1.5;
    font-weight: 400;
    color-scheme: light dark;
    color: #ffffffde;
    background-color: #fff;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

a {
    font-weight: 500;
    color: #646cff;
    text-decoration: inherit
}

a:hover {
    color: #50c08c
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

body {
    margin: 0;
    display: flex;
    place-items: center;
    min-width: 320px;
    min-height: 100vh;
    color: #000
}

h1, h2, h3, h4, p {
    margin: 0
}

button {
    border-radius: 8px;
    border: 1px solid transparent;
    padding: .6em 1.2em;
    font-size: 1em;
    font-weight: 500;
    font-family: inherit;
    background-color: #50c08c;
    cursor: pointer;
    transition: border-color .25s
}

button:hover {
    border-color: #646cff
}

button:focus, button:focus-visible {
    outline: 4px auto -webkit-focus-ring-color
}


img{max-width: 100%}