*{
    padding: 0;
    margin: 0;
}
body{
    background: #F0F0F1;
    padding: 73px 25px 32px;
    text-align: center;
    font-family: 'Metropolis', Arial, Helvetica, sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Metropolis';
    src: url("../fonts/metropolis/Metropolis-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: 400;
}

@font-face {
    font-family: 'Metropolis-Bold';
    src: url("../fonts/metropolis/Metropolis-ExtraBold.ttf") format("truetype");
    font-weight: normal;
    font-style: 800;
}

.margin-66{
    margin-bottom: 66px;
}

img{
    width: 100%;
}

.img-information{
    max-width: 343px;
}

h1{
    color: #0088F9;
    margin-bottom: 30px;
}

h2{
    color: #33416A;
}

.text{
    padding: 0 24px;
    font-family: 'Metropolis-Bold', Arial, Helvetica, sans-serif;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    text-align: left;
}

main{
    margin-bottom: 71px;
}

button{
    width: 100%;
    max-width: 331px;
    padding: 15px 32px;
    background: #0088F9;
    color: #FFF;
    border: none;
    border-radius: 50px;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.img-platforms{
    max-width: 295.784px;
}

.img-networks{
    max-width: 81px;
}


.line{
    background: linear-gradient(90deg, rgba(217, 217, 217, 0.00) 0%, #979797 54.17%, rgba(217, 217, 217, 0.00) 100%);
    width: 100%;
    max-width: 343px;
    height: 1px;
    border: none;
    margin: 10px auto;
    &:first-of-type{
        margin-top: 0;
    }   
}

footer p{
    color: #141A3D;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}