@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=Sintony&display=swap');

body {
    margin: 0;
    padding: 0;
    /* background-color: rgba(136, 207, 255, 0.788); */
    font-family: 'Poppins', sans-serif;
    /* font-family: 'Sintony', sans-serif; */
}

.head {
    padding: 5px;
    background-color: #FBAB7E;
    background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
    text-align: center;
}

.image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 17%;
    border-radius: 50%;
}

.image:hover {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

.body {
    background-image: url(./img/c3.jpg) ,url("./img/c1.jpg");
    background-size: 100% 100%;
    background-attachment:scroll;
    margin: 0;
    color: black;
    font-weight: bold;
    padding: 2%;
    font-family: 'Sintony', sans-serif;
}

.para {
    padding: 2%;
}

nav {
    width: 100%;
    display: flex;
    background-image: linear-gradient(45deg, #93a5cf 0%, #e4efe9 100%);
}

nav a {
    width: 100%;
    text-decoration: none;
    padding: 15px 25px;
    text-align: center;
    background-blend-mode: normal, lighten, soft-light;
    color: #464141;
    margin: 0;
    font-family: sans-serif;
}

nav a:hover {
    background-color: #777777;
    color: #ffffff;
}

.form2 {
    display: flex;
    background-image: linear-gradient(-225deg, #5D9FFF 0%, #B8DCFF 48%, #6BBBFF 100%);
}

.contact1 {
    display: inline;
    font-family: Georgia, 'Times New Roman', Times, serif;
    padding: 1%;
    margin: 0;
    width: 50%;
}

.container-box {
    padding: 2%;
    text-align: center;
    width: 50%;
    display: flex;
    flex-direction: column;
}



input[type=text],
select,
textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid rgb(78, 47, 47);
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}

input[type=submit] {
    background-color: #12e99a;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #456fa0;
}

.container {
    border-radius: 5px;
    padding: 20px;
}



.contact-info {
    padding: 2%;
}

.form {
    text-align: center;
    padding: 1%;
    background-image: linear-gradient(-225deg, #7085B6 0%, #87A7D9 50%, #DEF3F8 100%);
}

footer {
    padding: 2px;
    text-align: center;
    background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
}

@keyframes slider {
    0% {
        background-image: url("./image/c2.jpg");
    }

    33% {
        background-image: url("./image/img.jpg");
    }

    66% {
        background-image: url("./image/c1.jpg");
    }
}


@media screen and(max-width: 480px) {
    * {
        display: contents;
        flex-direction: column;
    }


    @keyframes marquee {
        0% {
            margin-left: 100%;
            transform: translateX(0%);
        }

        100% {
            margin-left: 0;
            transform: translateX(-100%);
        }
    }

    .navi a {
        display: inline;
    }

    .image {
        margin-left: 0;
        margin-right: 0;
        display: contents;
        margin: 0;
        width: max-content;
    }

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

    .contact1 {
        flex: 1;
    }
}