@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic);*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-family:"Roboto",Helvetica,Arial,sans-serif;font-weight:100;font-size:12px;line-height:30px;color:#777;background:#4caf50}.container{max-width:400px;width:100%; margin:0 auto;position:relative}#contact input[type=text],#contact input[type=email],#contact input[type=tel],#contact input[type=url],#contact textarea,#contact button[type=submit]{font:400 12px/16px"Roboto",Helvetica,Arial,sans-serif}#contact{background:#f9f9f9;padding:25px;margin:0 0;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24)}#contact h3{display:block;font-size:30px;font-weight:300;margin-bottom:10px}#contact h4{margin:5px 0 15px;display:block;font-size:13px;font-weight:400}fieldset{border:medium!important;margin:0 0 10px;min-width:100%;padding:0;width:100%}#contact input[type=text],#contact input[type=email],#contact input[type=tel],#contact input[type=url],#contact textarea{width:100%;border:1px solid #ccc;background:#fff;margin:0 0 5px;padding:10px}#contact input[type=text]:hover,#contact input[type=email]:hover,#contact input[type=tel]:hover,#contact input[type=url]:hover,#contact textarea:hover{-webkit-transition:border-color .3s ease-in-out;-moz-transition:border-color .3s ease-in-out;transition:border-color .3s ease-in-out;border:1px solid #aaa}#contact textarea{height:100px;max-width:100%;resize:none}#contact button[type=submit]{cursor:pointer;width:100%;border:0;background:#4caf50;color:#fff;margin:0 0 5px;padding:10px;font-size:15px}#contact button[type=submit]:hover{background:#43a047;-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background-color .3s ease-in-out}#contact button[type=submit]:active{box-shadow:inset 0 1px 3px rgba(0,0,0,.5)}.copyright{text-align:center}#contact input:focus,#contact textarea:focus{outline:0;border:1px solid #aaa}::-webkit-input-placeholder{color:#888}:-moz-placeholder{color:#888}::-moz-placeholder{color:#888}:-ms-input-placeholder{color:#888}.btn-style{position:absolute;left:12px}.btn-text{margin-top:13px;display:inline-block;width:73%;height:100%;font-family:sans-serif}.input-file-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}.input-file-wrapper input[type=button]{flex:0 0 auto;padding:6px 12px;background-color:#0073aa;color:#fff;border:0;cursor:pointer;border-radius:3px}.input-file-wrapper input[type=button]:hover{background-color:#005f8d}.input-file-wrapper .input-file-text{flex:1 1 auto;word-break:break-word;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}