@import "https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap";*{margin:0}body{color:#2b4246;background-color:#dff1e7;font-family:Karla,sans-serif}body .title{margin-bottom:15px}body .title h1{color:#2b4246}#formContact{background-color:#fff;border:1px solid #fff;border-radius:16px;justify-self:center;width:600px;margin:20px auto;padding:20px 25px;display:grid}#formContact .namediv,#formContact .maildiv,#formContact .querydiv,#formContact .msgdiv{gap:10px;display:grid}#formContact .query-check,#formContact .name-input{grid-template-columns:1fr 1fr;gap:15px;display:grid}#formContact .name-input .name-style{grid-template-rows:0, 2fr 0, 2fr;gap:10px;display:grid}#formContact input{margin-bottom:15px}#formContact .border-style{border:1px solid #2b4246;border-radius:8px;padding:13px 8px}#formContact .border-check{cursor:pointer;border:1px solid #2b4246;border-radius:8px;align-items:center;gap:12px;margin-bottom:10px;padding:10px;display:flex}#formContact .border-style_msg{border:1px solid #2b4246;border-radius:8px;height:100px;padding:10px 15px}#formContact .checkdiv{align-items:center;gap:10px;display:flex}#formContact #check-style{vertical-align:middle;appearance:none;cursor:pointer;background-color:#fff;border:1px solid #87a3a6;border-radius:50%;outline:none;width:1.3em;height:1.3em;margin-bottom:0}#formContact #check-style:checked{background-color:#87a3a6}#formContact .btndiv{text-align:center;background-color:#0c7d69;border:1px solid #0c7d69;border-radius:8px;margin-top:15px;padding:10px 15px}#formContact .btndiv:hover{background-color:#2b4246;transition:all .3s ease-in-out}#formContact .btndiv button{color:#fff;cursor:pointer;background-color:#0000;border:none}#formContact .btndiv button:hover{background-color:#2b4246;transition:all .3s ease-in-out}#formContact .btndiv button:disabled{cursor:not-allowed}#formContact span{color:#0c7d69}#formContact .error{color:#d73c3c;margin-top:0;margin-bottom:10px}#formContact .error-art{grid-template-columns:1fr 1fr;display:grid}@media screen and (width<=767px){#formContact{margin:20px auto;display:block;width:240px!important}.name-input{gap:15px;grid-template-columns:1fr!important;display:grid!important}.query-check{gap:10px;grid-template-columns:1fr!important;display:grid!important}.name-style,.border-style,.border-style_msg,.maildiv input,.border-check{box-sizing:border-box;width:100%!important}.error-art{grid-template-columns:1fr!important;display:grid!important}}