body{background-color:#d6d1cafa;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-size:1rem;color:#212529;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{padding:0;margin:0;border:0}h2{text-align:center;margin-top:15px}h3{text-align:center}.header{background:linear-gradient(to right,#6398bb,#ca9c35);width:100%}.container{max-width:1200px;width:95%;padding-left:15px;padding-right:15px;margin-bottom:70px}a{text-decoration:none;background-color:transparent}p{margin-top:0;margin-bottom:1rem}alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.error{color:#ff4500}.navbar{position:relative;background-size:100% 100%;display:flex;align-items:center;padding:.5rem 1rem;justify-content:space-between!important}.navbar a{font-weight:700;color:#fff}.navbar a:hover{color:#fff;text-decoration:underline;cursor:pointer}.navbar-collapse{display:flex;flex-basis:auto;flex-grow:1}.navbar-collapse .navbar-page{display:flex;flex-direction:row;list-style:none;padding-left:0;margin-bottom:0}.mr-auto{margin-right:auto!important}.navbar-brand>img{display:inline-block;width:80px;margin-bottom:2px;margin-right:5px;border-radius:2px}ul.nav.navbar-page li{margin:0 .5rem}.navbar-page .nav-link{display:block;padding:.5rem}.home-head>img{display:block;width:50vw;max-width:300px;border-radius:5px;margin:1rem auto}.intro{margin:10px auto;width:95%;max-width:750px}.intro p{text-align:justify}.login-container{display:flex;justify-content:center}.ideacontainer{margin-bottom:1rem;display:flex;flex-direction:column;align-items:center}.ideacontainer form{display:flex;flex-direction:column;width:100%;max-width:400px}.ideacontainer textarea{width:380px;height:100px;padding:10px;border:2px solid #c3c6c5;font-size:16px;border-radius:5px;resize:none}.ideacontainer form button{margin:auto;width:50%;margin-top:1rem;color:#111010;font-size:medium;background-color:#c7a598b0;border-color:#6398bb;border-radius:5px;cursor:pointer}.ideacontainer form button:disabled{cursor:not-allowed;background-color:#ccc}.idea-error{display:flex;justify-content:center;align-items:center;color:red;font-weight:700;padding-bottom:1rem}.idealist-container{display:flex;justify-content:center;align-items:center}.idealist{list-style:none;padding:0 1rem 1rem}.gurulinkform{margin-left:.5rem}.gurulinkform .actionline{display:flex;margin-top:.5rem;justify-content:flex-start;align-items:stretch}.gurulinkform .actionline .space{margin-left:1rem}.add-tech-section{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.techform form{display:flex;justify-content:center;align-items:center}.techform form button{margin-left:1rem;border-radius:5px}.add-tech-section .techform-action{display:flex;flex-direction:column;justify-content:center;gap:.8rem;align-items:center}.message-box{width:100%}.message-create{padding:10px;text-align:center}.message-history{max-width:800px;margin:10px auto}#messages .list-group-item{display:grid;align-items:flex-start;padding:7px 20px 12px}#messages .list-group-item{display:flex;align-items:flex-start;padding:7px 20px 12px}#messages:not(.no-hover) .list-group-item:hover{background-color:#e6ecf0}.timeline-image{border-radius:50px;height:40pxz;width:40px;margin:2px 30px 10px 10px}.btn:hover{cursor:pointer}a.btn.btn-danger,a.btn.btn-danger:hover{color:#fff}.row .message-form-wrapper{margin-top:20px}textarea.form-control{min-height:100px;margin-bottom:15px}.main-grid{width:90vw;max-width:1200px;margin:auto;display:grid;grid-row-gap:1em;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.main-grid-item{background-color:#c3c6c5;margin:1em;grid-row-gap:1em;display:grid;grid-template-rows:2em auto;border-radius:5px;align-content:start;transition:all .8s ease}.category-grid-item-title{font-weight:700;width:80%}.category-grid-item{color:#000;text-align:left;margin:5px}.logout{display:flex;flex-direction:column}.footer-container{background:linear-gradient(to right,#6398bb,#ca9c35);width:100%;position:fixed;bottom:0}.footer{width:230px;margin:15px auto;font-size:1em}.hamburger{display:flex;flex-direction:column;justify-content:space-between;height:24px;width:30px;background:transparent;border:none;cursor:pointer;padding:0;box-sizing:border-box}.hamburger:focus{outline:none}.hamburger__line{width:30px;height:2px;background:#fff}.backdrop{position:fixed;width:100%;height:100%;top:0;left:0;background:#00000080;z-index:100}.side-drawer{background:linear-gradient(to bottom,#6398bb,#694f16);box-shadow:2px 0 5px #00000080;position:fixed;top:0;right:0;width:40vmin;max-width:350px;z-index:200;-webkit-transform:translateX(0);transform:translate(0);transition:transform .4s ease-in-out}.side-drawer ul{height:100%;list-style:none;display:flex;flex-direction:column;justify-content:space-around;padding-inline-start:0;margin-block-start:0;margin-block-end:0}.side-drawer li{margin:.5rem}.side-drawer a{color:#fff;text-decoration:none;font-size:1.2rem}.side-drawer a:hover,.side-drawer a:active{color:#fa923f}.hamburger-toggle-container{position:absolute;right:15px;top:15px}@media screen and (min-width: 576px){.side-drawer,.hamburger-toggle-container{display:none}}@media screen and (max-width: 576px){.navbar-collapse{display:none}}