.project-card{width:100%;border:1px solid black;box-shadow:0 0 5px gray;background-color:#e0ffff}.project-card a:hover{color:#000}.project-card a{border-radius:0;font-family:Arial,Helvetica,sans-serif;font-size:medium}.project-card a h3{font-family:Arial,Helvetica,sans-serif;color:#00f}.project-card a h3:hover{cursor:pointer;background-color:#00f;color:#fff;border-radius:6px}.project-card img{width:100%;height:300px;object-fit:cover}.flippable{height:300px;width:100%;perspective:1000px}.card{height:100%;width:100%;transform-style:preserve-3d;position:relative;border-radius:5px;box-shadow:0 0 15px #000c;transition:transform 1.2s}.card:hover{transform:rotateY(180deg)}.card-front,.card-back{height:100%;width:100%;backface-visibility:hidden;position:absolute;display:flex;justify-content:center;align-items:center;font-size:larger;text-align:center;background-color:beige;font-family:Arial,Helvetica,sans-serif;color:#00f}.card-back{transform:rotateY(180deg)}@media only screen and (max-width: 767px){.card:hover{transform:none}}#homepage-heading{font-family:cursive;font-size:24px;background-color:#706a8b;color:#fff;text-align:justify;padding:36px;margin-top:20px;margin-bottom:40px}#project-list{display:grid;justify-content:space-evenly;grid-template-columns:30%30%30%;column-gap:30px;row-gap:20px}@media only screen and (max-width: 767px){#homepage-heading{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:small}#project-list{display:block}}#project-page-container{font-family:Arial,Helvetica,sans-serif;font-size:medium;box-shadow:0 0 10px #8972fa;display:flex;flex-direction:column;align-items:stretch;justify-content:space-evenly;flex-flow:column wrap;min-height:300px;padding:50px 100px;margin:100px;border-radius:20px}#project-page-container button{font-weight:700;color:#8a2be2;border:3px solid blueviolet;background-color:#fff;margin-top:10px;padding:10px 8px;margin-left:auto;margin-right:auto;border-radius:16px}#project-page-container button:hover{cursor:pointer;background-color:#8a2be2;color:#fff}#project-page-container a:hover{background-color:initial}#project-page-container ul li button{padding:0 6px}@media only screen and (max-width: 767px){#project-page-container{margin:40px 0 0;padding:10px}#project-page-container h2{font-size:medium}#project-page-container h3{font-size:small}#project-page-container li{font-size:small;margin-bottom:10px}#project-management-container button{padding:4px 10px;font-size:small}}#login-form-container{text-align:center;padding:100px 160px;width:80%}#login-form{font-family:Arial,Helvetica,sans-serif;font-size:medium;box-shadow:0 0 10px #8972fa;padding:50px 0;border-radius:20px}#login-form label{font-weight:700;margin-right:5px}#login-form div{margin-top:16px;margin-bottom:16px}#login-form input{border-radius:5px;height:24px;border:1px solid blue;box-shadow:0 0 5px gray}#login-button{font-weight:700;color:#8a2be2;border:3px solid blueviolet;background-color:#fff;margin-top:10px;padding:10px 8px;margin-left:auto;margin-right:auto;border-radius:16px;box-shadow:0 0 5px gray}#login-button:hover{cursor:pointer;background-color:#8a2be2;color:#fff}@media only screen and (max-width: 767px){#login-form-container{margin:40px 0 0;padding:0;width:100%}#login-form{padding:20px}#login-form-container button{padding:4px 10px;font-size:small;margin:0 35%;white-space:nowrap}}#project-form-container{padding:100px 160px;width:80%}#project-form{font-family:Arial,Helvetica,sans-serif;font-size:medium;box-shadow:0 0 10px #8972fa;display:flex;flex-direction:column;align-items:stretch;justify-content:space-evenly;flex-flow:column wrap;min-height:300px;padding:100px 200px;border-radius:20px}#project-form label{font-weight:700;margin-top:10px;margin-bottom:10px}#project-form textarea{border-radius:5px;font-family:inherit;height:64px;border:1px solid blue;box-shadow:0 0 5px gray}#project-form input{border-radius:5px;height:24px;border:1px solid blueviolet;box-shadow:0 0 5px gray}#project-form button{font-weight:700;color:#8a2be2;border:3px solid blueviolet;background-color:#fff;margin-top:10px;padding:10px 8px;margin-left:auto;margin-right:auto;border-radius:16px}#new-proj-button:hover{cursor:pointer;background-color:#8a2be2;color:#fff}@media only screen and (max-width: 767px){#project-form-container{margin-top:40px;width:initial;padding:0}#project-form{padding:20px}#project-form button{padding:4px 10px;font-size:small}}#pledge-form-container{padding:100px 160px;width:80%}#pledge-form{text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:medium;box-shadow:0 0 10px #8972fa;padding:50px 0;border-radius:20px}#pledge-form div{margin-top:16px;margin-bottom:16px}#pledge-form label{display:block;font-weight:700;margin-top:10px;margin-bottom:10px}#anonymous-checkbox-container{display:flex;justify-content:center;align-items:center}#pledge-form textarea{border-radius:5px;font-family:inherit;width:400px;height:68px;border:1px solid blue;box-shadow:0 0 5px gray}#pledge-form input{border-radius:5px;height:24px;border:1px solid blue;box-shadow:0 0 5px gray}#anonymous-checkbox-container input{border:none;box-shadow:none}#pledge-button{font-weight:700;color:#8a2be2;border:3px solid blueviolet;background-color:#fff;margin-top:10px;padding:10px 8px;margin-left:auto;margin-right:auto;border-radius:16px;box-shadow:0 0 5px gray}#pledge-button:hover{cursor:pointer;background-color:#8a2be2;color:#fff}@media only screen and (max-width: 767px){#pledge-form-container{margin-top:40px;width:initial;padding:0}#pledge-form{text-align:initial;padding:20px}#pledge-form textarea{width:100%}#anonymous-checkbox-container{justify-content:left}#pledge-form button{margin:0 40%;padding:4px 10px;font-size:small}}#user-form-container{text-align:center;padding:100px 160px;width:80%}#user-form{font-family:Arial,Helvetica,sans-serif;font-size:medium;box-shadow:0 0 10px #8972fa;padding:50px 0;border-radius:20px}#user-form label{margin-right:5px;font-weight:700}#user-form div{margin-top:18px;margin-bottom:18px}#user-form textarea{border-radius:5px;font-family:inherit;height:64px;border:1px solid blue;box-shadow:0 0 5px gray}#user-form input{border-radius:5px;height:24px;border:1px solid blue;box-shadow:0 0 5px gray}#user-button-submit{font-weight:700;color:#8a2be2;border:3px solid blueviolet;background-color:#fff;margin-top:10px;padding:10px 8px;margin-left:auto;margin-right:auto;border-radius:16px;box-shadow:0 0 5px gray}#user-button-submit:hover{cursor:pointer;background-color:#8a2be2;color:#fff}@media only screen and (max-width: 767px){#user-form-container{margin:40px 0 0;padding:0;width:100%}#user-form{padding:20px}#user-form-container button{padding:4px 10px;font-size:small;margin:0 35%;white-space:nowrap}}#user-page-container{font-family:Arial,Helvetica,sans-serif;font-size:medium;box-shadow:0 0 10px #8972fa;display:flex;flex-direction:column;align-items:stretch;justify-content:space-evenly;flex-flow:column wrap;min-height:300px;padding:50px 100px;margin:100px;border-radius:20px}#user-page-container button{font-weight:700;color:#8a2be2;border:3px solid blueviolet;background-color:#fff;margin-top:10px;padding:10px 8px;margin-left:auto;margin-right:auto;border-radius:16px}#user-page-container button:hover{cursor:pointer;background-color:#8a2be2;color:#fff}#user-page-container a:hover{background-color:initial}@media only screen and (max-width: 767px){#user-page-container{margin:40px 0 0;padding:20px}#user-page-container button{padding:4px 10px;font-size:small;margin:0 35%;white-space:nowrap}}.menu{display:flex;justify-content:space-evenly;flex-direction:row;font-size:medium;margin-top:20px}.menu li{list-style:none}header nav{display:flex;color:#ecedfe;justify-content:space-evenly;flex-direction:row}a{font-family:cursive;font-size:20px;font-weight:bolder;border-radius:3px;color:#000;padding-left:4px;padding-right:4px}a:hover{cursor:pointer;background-color:#8a2be2;color:#fff;border-radius:6px}a:active{color:#00f}@media only screen and (max-width: 767px){.menu a{font-size:small}}#header-container{background-color:#706a8b;height:150px;width:100%;display:flex;align-items:left;justify-content:left}#header-container img{height:150px}#page-container{position:relative;min-height:100vh}#root{padding-bottom:12rem}#page-container footer{position:absolute;bottom:0;width:100%;height:10rem;text-align:center}.logo{padding-right:6px;padding-left:6px;width:40px}.shecodeslogo{height:24px;margin:2px 4.5px}.shecodeslogo:hover{height:28px;margin:0}.spacer{height:40px}footer p.small-text a{vertical-align:text-top}.small-text{font-size:small;text-align:center}footer a:hover{background-color:inherit;color:inherit}footer a img{margin:5px}footer a:hover img.logo{width:50px;margin:0}@media only screen and (max-width: 767px){#page-container{position:initial;height:8rem;min-height:initial}.logo{width:30px;padding:4px}.shecodeslogo{height:20px;margin:2px}#page-container footer{position:initial}footer{margin-top:50px}footer p.small-text a{font-size:.8rem}}