body{margin:0;padding:0;font-family:Roboto,sans-serif;background-color:#e2e2e2}p{color:#191919}button{cursor:pointer}nav{background-color:#140f2d;position:fixed;top:0;left:0;right:0;height:14vh;display:grid;grid-template-columns:max-content 1fr;color:#fff;z-index:99}nav h1{color:#fff;font-weight:700;font-size:2rem;font-family:Roboto,sans-serif;padding-left:1rem}nav>div{display:flex;align-items:center;justify-content:end}.Link{text-decoration:none}nav>div h2{font-size:1.3rem;color:orange;border-bottom:1px solid orange;transition:all .15s}nav>div h2 .Link{color:orange}nav>div h2:hover{border-bottom:5px solid orange}nav>div>div{padding-right:1.3rem;display:grid;grid-template-columns:1fr 1fr;column-gap:10px;font-weight:400}.quotes-container{position:fixed;top:14vh;height:86vh;bottom:0;left:0;border-right:1px solid rgb(20,15,45);width:20%;display:grid;grid-template-columns:1fr;grid-template-rows:12vh 1fr 12vh}.quotes{display:grid;grid-template-columns:80%;grid-template-rows:20vh 20vh 20vh;row-gap:10px;justify-content:center}.quotes .quote{height:100%;width:100%;border:1px solid rgb(20,15,45)}.bottom-quote,.top-quote{display:flex;align-items:center;justify-content:center}.top-quote img,.bottom-quote img{cursor:pointer}.content-container{margin-left:20%;margin-top:14vh;width:80%;padding-top:4px}.content-container h1{color:#140f2d;font-size:2.6rem;border-bottom:2px solid rgb(20,15,45);width:max-content;margin-left:50%;transform:translate(-50%)}.content{background-color:#fff;width:85%;margin-left:50%;transform:translate(-50%);padding:2rem 1rem}.content .first{display:grid;grid-template-columns:2fr 1.2fr;column-gap:15px;margin-bottom:80px}.content .first .text{font-size:1.2rem;color:#191919}.content .first .image>div{background-color:#05b305;padding:10px;filter:brightness(100%);color:#fff;font-family:cursive}.content .first .image{border:1px solid rgb(20,15,45);height:340px}.content .second{margin-bottom:80px;border-top:2px solid rgb(25,25,25);border-bottom:2px solid rgb(25,25,25);width:95%;margin-left:50%;transform:translate(-50%)}.content .second .periods{display:grid;grid-template-columns:1fr 1fr;column-gap:90px;row-gap:90px}.second p{font-size:1.2rem}.periods>div{height:max-content;width:100%}.periods>div>h3{color:#140f2d;border:1px solid rgb(20,15,45);padding:3px}.periods>div .img{width:100%;height:250px;position:relative;border:2px solid rgb(20,15,45);border-bottom-width:4px;border-bottom-color:#140f2d}.periods>div .img .main{width:100%;height:100%}.go-left{position:absolute;transform:rotate(180deg) translateY(50%);left:2px;margin-top:50%;cursor:pointer;height:50px;width:50px;background-color:#fff;border-radius:15px}.go-right{position:absolute;transform:translateY(-50%);margin-top:50%;right:2px;cursor:pointer;height:50px;width:50px;background-color:#fff;border-radius:15px}.periods>div p{height:200px;overflow:auto}.challenges-container{margin-top:50px;display:grid;grid-template-columns:41% 1fr;grid-template-rows:max-content;column-gap:20px;row-gap:20px}.challenges-container .img{border:1px solid black;height:90%;width:90%;margin-left:50%;transform:translate(-50%) translateY(10%)}.challenges-container .img img{width:100%;height:100%}.challenges-container>div:nth-child(3){grid-column-start:1;grid-column-end:3}.challenges-container p{font-size:1.2rem}.today-quote{height:75vh;width:80%;margin-left:50%;transform:translate(-50%);margin-top:40px;border:1px solid black;border-radius:15px;overflow:hidden}.today-quote img{height:100%;width:100%;position:absolute;z-index:-9}.forth h2{display:flex;align-items:center;justify-content:center}.today-quote span{color:#fff;font-weight:700;font-size:4.5rem;font-family:cursive;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.donate-container{background-color:#140f2d;color:#fff;width:80%;margin-left:50%;transform:translate(-50%);margin-top:80px;padding:20px;margin-bottom:50px;box-shadow:3px 3px 3px gray;border:3px solid white}.donate{display:flex;justify-content:space-around;margin-top:20px}.donate-container span{font-weight:700;font-size:1.6rem}.donate img{width:80%;height:50px}.donate>div{display:flex;flex-direction:column;align-items:center;gap:10px}.donate>div button{background-color:orange;color:#fff;border:none;padding:9px 20px;font-weight:700;box-shadow:0 3px 3px #000;transition:all .4s}.donate>div button:hover{transform:scale(.9)}.test{width:100%;display:flex;align-items:center;justify-content:end;gap:20px}.quote img{width:100%;height:100%}.message{height:30vh;width:40%;background-color:#140f2d;color:#fff;font-weight:700;font-size:2.7rem;z-index:200;margin-left:60%;transform:translate(-50%) translateY(-50%);position:fixed;margin-top:43vh;border-radius:20px;padding:20px;animation:messageFadeIn .4s}@keyframes messageFadeIn{0%{opacity:0}to{opacity:1}}.one{height:20vh;animation:moveone 5s;animation-iteration-count:infinite}@keyframes moveone{0%{transform:translateY(0)}to{transform:translateY(-39.5vh)}}.two,.three{height:20vh;animation:movetwo 5s;animation-iteration-count:infinite}@keyframes movetwo{0%{transform:translateY(0)}to{transform:translateY(-21.5vh)}}.four{animation:movefour 5s;animation-iteration-count:infinite;position:absolute;height:20vh;width:80%;margin-left:10%;bottom:-30vh;border:1px solid rgb(20,15,45)}@keyframes movefour{0%{transform:translateY(0)}to{transform:translateY(-41.1vh)}}.contact-info-container{border:1px solid rgb(20,15,45);width:60%;margin-left:50%;transform:translate(-50%) translateY(-50%);margin-top:43vh}.contact-info p{word-break:break-all}.content-container h1.contact{padding:0;transform:translate(-50%);margin:3% 0 0 50%;height:max-content}.ccc{display:flex;justify-content:center;width:80%;margin:0 auto;height:max-content;align-items:center}.messageform{flex:1;border:2px solid #2c2c2c;height:220px;padding:35px 40px;transform:translate(-4%);background-color:#fff}.messageform h3{margin:0;color:#2c2c2c}.messageform form{display:flex;flex-direction:column;gap:8px}.messageform input,.messageform textarea{border:1px solid rgb(25,25,25);padding:8px 5px;border-radius:18px}.messageform label{color:#555;font-size:1em;line-height:1.5;font-weight:700}.messageform button{background-color:#000;color:#fff;font-weight:700;border:none;cursor:pointer;padding-top:5px;padding-bottom:5px;border-radius:8px}.contact-card{flex:1.4;background:#fff;padding:35px 40px;border-radius:18px;box-shadow:0 8px 20px #00000014;width:90%;min-height:220px;margin:60px auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:transform .3s ease}.contact-card:hover{transform:translateY(-5px)}.header h2{font-size:2em;margin:0;color:#2c2c2c}.subtitle{color:#888;font-size:.95em;margin-bottom:20px}.contact-info p{margin:12px 0;color:#555;font-size:1em;line-height:1.5}.socials{margin-top:25px}.socials a{display:inline-block;margin-right:15px;background-color:#f0f0f0;color:#5a5a5a;width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;font-size:1.2em;transition:all .3s ease}.socials a:hover{background-color:#07f;color:#fff}.admin-login{max-width:360px;margin:100px auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 6px 15px #0000001a;font-family:Segoe UI,sans-serif;text-align:center}.admin-login h2{margin-bottom:20px;color:#333}.admin-login input{width:90%;padding:12px 14px;margin-bottom:15px;border:1px solid #ccc;border-radius:8px;font-size:1em}.admin-login button{width:100%;padding:12px;background-color:#07f;color:#fff;font-size:1em;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.admin-login button:hover{background-color:#005fd1}.login-message{margin-top:15px;font-weight:700;color:#d10000}.forth>button{width:max-content;margin-left:50%;transform:translate(-50%);background-color:#140f2d;color:#fff;border:none;padding:8px 18px;margin-top:3%;cursor:pointer}#quote-img{display:none}.input-img{cursor:pointer;width:100%;height:100%}.input-img:hover{background-color:#00000014}.change-quote-container{border:1px solid rgb(20,15,45);width:18%;min-width:100px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:100%;height:40px;margin-left:50%;transform:translate(-50%);margin-top:1rem}.change-quote-container button{cursor:pointer}.visually-hidden{display:none;visibility:hidden}.input-img.selected{background-color:#90ee90}.burger-menu{display:none}.diplomas-container{width:50%;height:80px;margin-left:50%;transform:translate(-50%);display:grid;grid-template-columns:10% 80% 10%;align-items:center;margin-bottom:50px}.diplomas-container .img{border:1px solid black;height:100%;width:15%;cursor:pointer}.diplomas-container .imgs-container{height:100%;display:flex;align-items:center;justify-content:space-around}.left-side,.right-side{background-color:gray}.left-side img,.right-side img{height:100%;width:100%;cursor:pointer}.left-side img{transform:rotate(180deg)}.diplomas-container .imgs-container .img img{width:100%;height:100%}.admin-login span.admin-errors{color:red;font-weight:700;margin-bottom:10px}.periods img{height:35px;width:35px;position:absolute}.first .image img{width:100%;height:100%}.bipolar-document,.covid-document{border:1px solid black;height:100px;width:10%;cursor:pointer;display:inline-block;margin:5px 15px}.bipolar-document img,.covid-document img{width:100%;height:100%}.show-image{height:80vh;width:40%;border:2px solid gray;position:fixed;z-index:999;margin-left:40%;transform:translate(-50%);overflow:hidden;border-radius:20px;display:grid;grid-template-columns:1fr;grid-template-rows:6% 94%}.show-image .span-container{display:flex;align-items:center;justify-content:end;background-color:#140f2d;color:#140f2d;padding-right:10px}.show-image .span-container span{padding:3px;border:1px solid white;background-color:#fff;color:#140f2d;border-radius:50%;cursor:pointer}.show-image img{width:100%;height:100%}.show-image-diploma img{width:100%;height:100%;overflow:hidden}.show-image-diploma{z-index:999;position:fixed;width:50%;height:63vh;margin-left:40%;transform:translate(-50%);display:grid;grid-template-columns:1fr;grid-template-rows:30px 68vh;border-radius:20px}.show-image-diploma .span-container{display:flex;align-items:center;justify-content:end;background-color:#140f2d;color:#fff;padding:2px 10px}.show-image-diploma .span-container span{background-color:#fff;color:#140f2d;border:1px solid white;border-radius:50%;cursor:pointer;padding:5px}.diplomas-title{color:#1d1d1d;align-items:center;justify-content:center;text-align:center;padding:9px;font-family:Times New Roman,Times,serif;font-size:2rem;text-decoration:overline underline}.logout-btn{transition:all .5}.logout-btn:hover{opacity:.9;transform:scale(.95)}.show-image-image-container{border:2px solid rgb(20,15,45)}@media screen and (max-width:1000px){.content .first{display:grid;grid-template-columns:1fr;grid-template-rows:400px max-content;column-gap:0;row-gap:15px}.first .text{grid-row-start:2}.first .image{width:50%;margin-left:50%;transform:translate(-50%)}.challenges-container{grid-template-columns:50% 1fr}.first .text{margin-top:80px}}@media screen and (max-width:850px){.challenges-container{grid-template-columns:1fr;grid-template-rows:200px}.challenges-container>div:nth-child(3){grid-row-start:3;grid-column-start:1;grid-column-end:2}.challenges-container .img{width:60%}.donate{display:grid;grid-template-columns:1fr 1fr 1fr}.donate>div{display:flex;flex-direction:column}.ccc{flex-direction:column;margin-bottom:20px}.ccc .messageform{transform:translate(0);width:60%}.contact-card{margin:20px 0 0}.diplomas-container{width:82%}.show-image-diploma{width:60%}.content .second .periods{column-gap:50px}}@media screen and (max-width:750px){.content .second .periods{display:grid;grid-template-columns:1fr}.content .second .periods>div{width:86%;margin-left:50%;transform:translate(-50%)}.show-image{height:75vh;width:70%;margin-top:3vh}.bipolar-document,.covid-document{width:30%}}@media screen and (max-width:600px){.today-quote{width:90%;height:60vh}.contact-card{padding:15px}.ccc .messageform{width:70%}.show-image-diploma{width:80%;margin-left:30%}.first .image{width:85%}}@media screen and (max-width:550px){.content .second .periods{display:grid;grid-template-columns:1fr;row-gap:20px}.content .second .periods>div{width:85%;margin-left:50%;transform:translate(-50%)}.content .second .periods>div:nth-child(1){grid-column-start:1;grid-column-end:2}.content .second .periods>div:nth-child(2){grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:3}.content .second .periods>div:nth-child(3){grid-column-start:1;grid-column-end:2;grid-row-start:3;grid-row-end:4}.challenges-container .img{width:80%}.content,.donate-container{width:75%}nav h1.site-name{font-size:1.6rem}nav a{display:flex;align-items:center}.first .text{margin-top:80px}}@media screen and (max-width:500px){.today-quote{height:45vh}.burger-menu{display:block;width:100%;display:flex;align-items:center;justify-content:end}.test{display:none}.burger-menu img{height:50px;width:50px}.burger-menu-items{background-color:red}.diplomas-container{width:90%}.first .text{margin-top:100px}}.burger-menu-items{background-color:#140f2d;padding:10px;display:none;position:fixed;top:14vh}.burger-menu-items.in{display:flex;flex-direction:column;animation:slide 1s}.burger-menu-items.out{display:block;transform:translateY(-400px);animation:slide-out 1s}@keyframes slide{0%{transform:translateY(-400px)}to{transform:translateY(0)}}@keyframes slide-out{0%{transform:translateY(0)}to{transform:translateY(-400px)}}@media screen and (max-width:430px){.donate{grid-template-columns:1fr;row-gap:15px}.donate img,.admin-login{width:60%}}