.left .input0 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 3px lightgray;
    padding: 16px;
    margin-bottom: 16px;
    background-color: white;
}

#main-span {
    font-family: 'Marck Script', cursive;
    font-size: medium;
    display: block;
    padding: 8px;
}

#insta {
    font-family: 'Big Shoulders Stencil Display', cursive;
}

#wa {
    font-family: 'Shadows Into Light', cursive;
}

#fb {
    font-family: 'Lobster', cursive;
    font-weight: normal;
}

#tg {
    font-family: 'Shadows Into Light', cursive;
}

#tt {
    font-family: 'Parisienne', cursive;
}

.left .input0 input {
    padding: 16px 8px;
    border-radius: 48px;
    width: 90%;
    outline: none;
    margin-top: 8px;
    text-align: center;
    background-color: whitesmoke;
}

.left .fontgroup {
    display: flex;
    flex-direction: column;
    background-color: white;
    box-shadow: 2px 2px 2px lightgray;
    margin: 16px 0;
    padding: 16px 8px;
}

.left .fontgroup .title {
    font-weight: bold;
    color: gray;
}

.left .fontgroup button,
.left .fontgroup input {
    display: inline-block;
}

.left .fontgroup .input {
    display: flex;
}

.left .fontgroup input:focus {
    border: none;
}

.left .fontgroup .input button {
    width: 15%;
    padding: 12px 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px brown solid;
}
.left .fontgroup .input input {
    width: 80%;
    padding: 12px;
    background-color: whitesmoke;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom: 1px brown solid;
    border-top: 1px brown solid;
    border-left: 1px brown solid;
    border-right: 1px none;
    outline: none;
    color: gray;
}

.left .descriptins {
    background-color: whitesmoke;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.left .descriptins .cont {
    background-color: white;
    box-shadow: 0 2px 4px lightgray;
    margin: 16px auto;
    border-radius: 4px;
}

.left .dtitle {
    background-color: brown;
    color: white;
    font-weight: bold;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    padding: 8px 16px;
}

.left .descriptins .dbody {
    padding: 16px 24px;
    text-align: justify;
    color: gray;
}

.left .descriptins .li {
    padding: 16px 24px 16px 48px;
}

.thanks {
    text-align: center;
    margin: 24px auto;
}