@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;800&family=VT323&display=swap);:root{--navtext:#f8f9fa;--bg:#d3d3d3;--hover:#bcbcbc;--sidebg:#333;--error:#e7195a}html{scroll-behavior:smooth}body{background:#d3d3d3;background:var(--bg);font-family:Poppins;margin:0;overflow:auto}.sidenav{background-color:#333;background-color:var(--sidebg);border-radius:2%;box-shadow:3px 0 4px #000;color:#f8f9fa;color:var(--navtext);height:auto;left:0;margin:15px 0 0 15px;overflow-x:hidden;position:fixed;top:0;width:250px;z-index:1}.sidenav .container{margin:20px 0 10px;position:relative;text-align:center}.sidenav .pfp{border-radius:50%;height:200px}.sidenav .container .icon{fill:currentColor;height:30px;margin:2.5px;width:30px}.sidenav hr{border-radius:5%;border-top:1.5px solid #d3d3d3;border-top:1.5px solid var(--bg);margin:30px 10px}.sidenav ul{margin:0;padding:0 0 0 10px}.sidenav ul .icon{fill:currentColor;display:inline;height:27px;margin:auto 10px;width:27px}.sidenav li{list-style-type:none;margin:10px 0}.nav-link{display:flex;margin:10px 0;padding:1px 8px 1px 16px}.nav-link:hover{color:#bcbcbc;color:var(--hover);cursor:pointer}.sidenav li a{display:flex;margin:10px 0;padding:1px 8px 1px 16px}.sidenav h1{font-size:22px;margin:0}.sidenav a{color:#f8f9fa;color:var(--navtext);text-decoration:none}.sidenav a:hover{color:#bcbcbc;color:var(--hover)}.sidenav button{background-color:initial;border:1px solid #f8f9fa;border:1px solid var(--navtext);border-radius:5%;color:#f8f9fa;color:var(--navtext);cursor:pointer;font-size:14px;margin:0 30px 10px;padding:8px 18px;text-decoration:none;text-transform:uppercase}.pages{color:#333;color:var(--sidebg);margin-left:265px;padding:0 10px}.pages .header{font-size:30px;margin:30px auto;text-align:center;text-decoration:underline}.aboutPage p{font-size:18pt;margin:50px;text-align:justify}.projectsBody{display:grid;grid-template-columns:1fr 1fr 1fr}.projectsBody .loading{font-size:40px;margin:auto 0;text-align:center}.projectCard{background-color:#333;background-color:var(--sidebg);box-shadow:3px 0 4px #000;margin:25px;padding:5px;-webkit-perspective:1000px;perspective:1000px;transition:height .8s,max-height .8s}.innerProjectCard{height:100%;margin:auto;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;width:100%}.projectCard:hover .innerProjectCard{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.projectCardBack,.projectCardFront{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;width:100%}.projectCardFront{background-color:#333;background-color:var(--sidebg);color:#f8f9fa;color:var(--navtext);display:flex}.projectCardFront img{border-radius:2%;height:85%;margin:auto 2%;width:35%}.projectCardFront h1{display:inline-block;font-size:1.5vw;margin:auto 0;padding:10px;text-align:center}.projectCardBack{background-color:#333;background-color:var(--sidebg);color:#f8f9fa;color:var(--navtext);-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.projectCardBack .iconsList{display:flex;justify-content:center}.projectCardBack .icon{fill:currentColor;color:#f8f9fa;color:var(--navtext);height:32px;margin:5px;width:32px}.projectCardBack .icon:hover{color:#bcbcbc;color:var(--hover);cursor:pointer}.projectCardBack p{font-size:1vw;margin:5% auto 2%;text-align:center;width:85%}.addNewProjectCard{background-color:#333;background-color:var(--sidebg);border-radius:20px;box-shadow:3px 0 4px #000;color:#f8f9fa;color:var(--navtext);margin:50px;padding:5px}.addNewProjectCard h1{margin:auto 0;padding:10px;text-align:center;width:100%}.addNewProjectCard form{margin:20px}.addNewProjectCard input{background:transparent;border:none;border-bottom:1px solid #f8f9fa;border-bottom:1px solid var(--navtext);box-sizing:border-box;color:#f8f9fa;color:var(--navtext);font:16px Arial,Helvetica,sans-serif;height:45px;margin-bottom:10px;outline:none;padding:7px}.addNewProjectCard .topRow{grid-gap:2%;display:grid;gap:2%;grid-template-columns:1fr 1fr 1fr}.addNewProjectCard .full{width:100%}.addNewProjectCard button{background-color:initial;border:1px solid #f8f9fa;border:1px solid var(--navtext);border-radius:5%;color:#f8f9fa;color:var(--navtext);cursor:pointer;display:inline-block;font-size:14px;margin-top:20px;padding:8px 18px;text-decoration:none;text-transform:uppercase}.addNewProjectCard button:hover{border:1px solid #bcbcbc;border:1px solid var(--hover);color:#bcbcbc;color:var(--hover)}.addNewProjectCard .error{border-color:#e7195a;border-color:var(--error)}.addNewProjectCard .error::-webkit-input-placeholder{color:#e7195a;color:var(--error)}.addNewProjectCard .error::placeholder{color:#e7195a;color:var(--error)}.editProjectCard{background-color:#333;background-color:var(--sidebg);border-radius:20px;box-shadow:3px 0 4px #000;color:#f8f9fa;color:var(--navtext);margin:50px;padding:5px}.editProjectCard h1{margin:auto 0;padding:10px;text-align:center;width:100%}.editProjectCard form{margin:20px}.editProjectCard input{background:transparent;border:none;border-bottom:1px solid #f8f9fa;border-bottom:1px solid var(--navtext);box-sizing:border-box;color:#f8f9fa;color:var(--navtext);font:16px Arial,Helvetica,sans-serif;height:45px;margin-bottom:10px;outline:none;padding:7px}.editProjectCard .topRow{grid-gap:2%;display:grid;gap:2%;grid-template-columns:1fr 1fr 1fr}.editProjectCard .full{width:100%}.editProjectCard form button{background-color:initial;border:1px solid #f8f9fa;border:1px solid var(--navtext);border-radius:5%;color:#f8f9fa;color:var(--navtext);cursor:pointer;display:inline-block;font-size:14px;margin-right:20px;margin-top:20px;padding:8px 18px;text-decoration:none;text-transform:uppercase}.editProjectCard button:hover{border:1px solid #bcbcbc;border:1px solid var(--hover);color:#bcbcbc;color:var(--hover)}.editProjectCard .error{border-color:#e7195a;border-color:var(--error)}.editProjectCard .error::-webkit-input-placeholder{color:#e7195a;color:var(--error)}.editProjectCard .error::placeholder{color:#e7195a;color:var(--error)}.loginCard{background-color:#333;background-color:var(--sidebg);border-radius:20px;box-shadow:3px 0 4px #000;color:#f8f9fa;color:var(--navtext);margin:50px;padding:5px}.loginCard h1{margin:10px 0;padding:10px;width:100%}.loginCard form{margin:20px}.loginCard input{background:transparent;border:none;border-bottom:1px solid #f8f9fa;border-bottom:1px solid var(--navtext);box-sizing:border-box;color:#f8f9fa;color:var(--navtext);font:16px Arial,Helvetica,sans-serif;height:45px;margin-bottom:10px;outline:none;padding:7px}.loginCard .row{grid-gap:2%;display:grid;gap:2%;grid-template-columns:1fr 1fr}.loginCard button{background-color:initial;border:1px solid #f8f9fa;border:1px solid var(--navtext);border-radius:5%;color:#f8f9fa;color:var(--navtext);cursor:pointer;display:inline-block;font-size:14px;margin-right:20px;margin-top:20px;padding:8px 18px;text-decoration:none;text-transform:uppercase}.loginCard button:hover{border:1px solid #bcbcbc;border:1px solid var(--hover);color:#bcbcbc;color:var(--hover)}.loginCard .error{border-color:#e7195a;border-color:var(--error);margin-top:10px}.loginCard .error::-webkit-input-placeholder{color:#e7195a;color:var(--error)}.loginCard .error::placeholder{color:#e7195a;color:var(--error)}.showLoginCard{display:flex;justify-content:center;margin-top:150px}.showLoginCard button{background-color:#333;background-color:var(--sidebg);border:1px solid #333;border:1px solid var(--sidebg);border-radius:5%;color:#f8f9fa;color:var(--navtext);cursor:pointer;font-size:14px;margin:20px;padding:8px 18px;text-decoration:none;text-transform:uppercase}.pages button:hover{border:1px solid #bcbcbc;border:1px solid var(--hover);color:#bcbcbc;color:var(--hover)}@media screen and (max-width:700px){.sidenav{margin:10%;width:80%}.sidenav a:hover{color:#f8f9fa;color:var(--navtext)}}a,a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none}
/*# sourceMappingURL=main.85efecfb.css.map*/