.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}}.news>h3{text-align:center;color:var(--text-color)}.news>.new{display:inline-block;vertical-align:top;width:30%;margin:10px 1.56%;max-height:300px;border:1px solid transparent;border-radius:10px;overflow:hidden;position:relative;transition:border-color .3s;cursor:pointer}.news>.new>.title{display:block;width:calc(100% - 10px);background-color:var(--bg-color-transparent);text-align:center;color:var(--text-color);padding:5px;position:absolute;bottom:0;transition:color .3s}.news>.new>img{display:block;height:auto;margin:0 auto;max-width:100%;filter:grayscale(100%);transition:filter .3s}.news>.new:hover{border-color:var(--accent)}.news>.new:hover>.title{color:var(--accent)}.news>.new:hover>img{filter:grayscale(0)}.news>.modal .modal-new{text-align:center}.news>.modal .modal-new>a{text-decoration:none;display:inline-block}.news>.modal .modal-new>table{margin:0 auto}.news>.modal .modal-new img{display:block;max-width:100%;max-height:500px;margin:0 auto 10px}.news>.modal .modal-new .title{font-weight:700;font-size:1.1rem}.news>.modal .modal-new>.date{display:block;text-align:center;color:var(--text-color-faded)}.news>.modal .close-modal{position:absolute;top:12px;right:7px;padding:5px;margin-right:0;background-color:var(--accent-faded);border-radius:50%}.news>.modal .close-modal>span{margin:0}@media only screen and (max-width:951px){.news{height:100%}.news>.new{width:80%;margin:10px 10%;max-height:500px}}