.paragraph .contact-form{width:100%;flex-direction:column}.paragraph .contact-form label{margin-top:30px;margin-bottom:10px}.paragraph .contact-form input,.paragraph .contact-form textarea{padding:10px;border:var(--tile-font-color) 2px solid;background-color:var(--tile-bg-color);color:var(--tile-font-color)}.paragraph .contact-form button{margin:30px 0 0 auto;border:none}.paragraph .contact-form button p{margin:0!important}.error-field{margin-top:10px;margin-bottom:0}.accented-text{color:var(--accent-color)}.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.8)}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--tile-bg-color);border:var(--tile-font-color) 2px solid;display:grid;grid-template-columns:auto 2rem;grid-template-rows:auto auto;gap:30px;color:var(--tile-font-color);padding:30px;width:max(40%,350px)}.modal-title{grid-column:1/span 1}.close-button{font-weight:700;grid-column:2/span 1}.close-button:focus,.close-button:hover{color:var(--accent-color);cursor:pointer}.modal-message{grid-column:1/span 2}.modal-content button{background-color:var(--tile-font-color);color:var(--tile-bg-color);border:none;margin:0 0 0 auto;grid-column:1/span 2}.modal-content button:focus,.modal-content button:hover{color:var(--tile-font-color);background-color:var(--accent-color)}@media (width > 540px){.paragraph .contact-form{width:500px;margin:0 auto}}