.header{
    background-image: url(../images/cloud.svg);
    background-position: center;
}
.sitelogo{
    font-size: 20px;
    font-size: clamp(20px, 3vw, 24px);
    min-height: 0vw;
    font-weight: 900;
    line-height: 1;
}
.header .container{
    padding: 1vh 20px;
}
.symbol .icon{
    height: 35vh;
    margin: 0 auto;
}
.appeal .container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.appeal .catchcopy{
    font-size: 20px;
    font-size: clamp(20px, 3vw, 24px);
    min-height: 0vw;
    font-weight: 900;
    margin: 0 auto;
}
.about ul{
    display: flex;
    justify-content: center;
    gap: 2em;
    list-style: none;
}
.about li{
    background-color: #fff;
    padding: 0.3em 1em;
    border-radius: 100px;
    border: 5px solid #000;
}
.main h2{
    background-color: var(--secondary-color);
    padding: 0.5em 1em;
    border:5px solid var(--primary-color);
    border-radius: 100px;
}
.main figure{
    padding-top: 2em;
    padding-bottom: 2em;
}
.main img{
    margin: 0 auto;
}
.main ul{
    padding-inline-start: 2em;
}
.main .png-img{
    width: 65%;
}
.main .summary{
    background-color: rgb(249, 234, 152);
    padding: 0.5em 1em;
    border-radius: 10px;
    margin-top: 2em;
}
.featured-nav{
    text-align: center;
}
.footer{
    color: #fff;
    text-align: center;
}
.footer .container{
    padding: 1vh 20px;
}

.about .conversion-btn{
    background-color: #fff;
}
.about .conversion-btn .title{
    display: block;
    font-size: 20px;
    font-size: clamp(20px, 3vw, 24px);
    min-height: 0vw;
    font-weight: 900;
    margin: 0 auto;
}