.modal{position:fixed;z-index:100;color:var(--text-color);top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);overflow-y:auto}.modal>.content{position:absolute;left:15%;width:70%;z-index:100;border:1px solid var(--navbar-bg-color);background-color:var(--bg-color);border-radius:5px}.modal>.content>.body{padding:10px}.modal>.content>.body>.button{margin-right:5px}.modal>.content>.body>.text-link{cursor:pointer;text-align:center;display:block;margin:10px 0;font-size:.9rem;color:var(--text-color);transition:color .3s;pointer-events:none}.modal>.content>.body>.text-link>a{color:var(--accent-faded);transition:color .3s;pointer-events:auto}.modal>.content>.body>.text-link>a:hover{color:var(--accent)}.modal>.content>.body>.title{text-align:center;display:block;margin:0;padding:5px 0}.modal>.content>.body>.text{text-align:center;color:var(--text-color)}.modal>.content>.body>.form-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5px;gap:5px}.modal>.content>.body .textarea{font-family:var(--font-family);max-width:calc(100% - 22px);min-width:calc(100% - 22px);margin-top:5px;background-color:var(--input-bg);border-radius:13px;border:1px solid transparent;padding:5px 10px;transition:border-color .5s,color .5s;color:var(--input-faded)}.modal>.content>.body .textarea:active,.modal>.content>.body .textarea:focus,.modal>.content>.body .textarea:focus-visible{border-color:var(--accent);outline:none;color:var(--text-color)}.modal>.content>.body .field{display:grid;grid-template-rows:repeat(2,26px);margin-bottom:10px}.modal>.content>.body .single-field{display:grid;grid-template-rows:26px;margin-bottom:10px}.modal>.content>.body label{padding-left:10px}.modal>.content>.body input{background-color:var(--input-bg);border-radius:13px;border:1px solid transparent;padding:5px 10px;transition:border-color .5s,color .5s;color:var(--input-faded)}.modal>.content>.body input:active,.modal>.content>.body input:focus,.modal>.content>.body input:focus-visible{border-color:var(--accent);outline:none;color:var(--text-color)}.modal>.content>.body .dropdown{padding:0}.modal>.content>.body .dropdown>.dropdown-button{width:100%;background-color:var(--input-bg);border-radius:13px;border:1px solid transparent;padding:5px 10px;transition:border-color .5s,color .5s;color:var(--input-faded)}.modal>.content>.body .dropdown>.dropdown-button:active,.modal>.content>.body .dropdown>.dropdown-button:focus,.modal>.content>.body .dropdown>.dropdown-button:focus-visible{border-color:var(--accent);outline:none;color:var(--text-color)}.modal>.content>.body .dropdown>.dropdown-button>.dropdown-icon{position:absolute;right:10px;top:2px}.modal>.content>.body>.footer{text-align:center;margin-top:5px}.modal>.content>.body>.footer>.button{margin:0 3px}@media only screen and (max-width:951px){.modal>.content>.body>.form-row{display:grid;grid-template-columns:1fr;grid-gap:0;gap:0}}.contact{width:80%;padding:20px;border-radius:10px;border:1px solid var(--text-color-faded);background-color:var(--bg-details);margin-left:10%}.contact>p{color:var(--text-color)}.contact .buttons{margin-top:10px;text-align:center}.contact .field{display:flex;background-color:var(--input-bg);border-radius:13px;border:1px solid var(--text-color-faded);transition:border-color .5s,color .5s;color:var(--text-color-faded);margin-bottom:10px}.contact .field>span{padding:5px;border-right:1px solid var(--text-color-faded);transition:border-color .5s}.contact .field label{padding:7px 5px}.contact .field input{background-color:transparent;border-radius:13px;width:100%;border:1px solid transparent;color:var(--text-color);padding:5px;transition:color .5s}.contact .field input:active,.contact .field input:focus,.contact .field input:focus-visible{outline:none;color:var(--accent)}.contact .field input[type=radio]{width:3%;margin:0 0 0 2px}.contact .field:focus-within{border-color:var(--accent);outline:none;color:var(--accent)}.contact .field:focus-within>span{border-color:var(--accent)}.contact .field.warning{border:1px solid red;color:red}.contact .field.warning>span{border-right:1px solid red;color:red}.contact .field.warning input{color:red}.contact .textarea{display:flex;font-family:var(--font-family);margin:-1;max-width:calc(100% - 22px);min-width:calc(100% - 22px);background-color:var(--input-bg);border-radius:13px;border:1px solid;border-color:var(--text-color-faded);padding:5px 10px;transition:border-color .5s,color .5s;color:var(--input-faded)}.contact .textarea:active,.contact .textarea:focus,.contact .textarea:focus-visible{border-color:var(--accent);outline:none;color:var(--text-color)}