@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.app{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.contents{width:100%;padding:30px 5%}.navbar-container{position:sticky;top:0;z-index:999;padding:0 5%;background-color:var(--mint-green)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.menu{display:none}.button{background-color:#000;font-weight:bolder;border:none;cursor:pointer}.button p{font-weight:bolder;color:#fff}.navbar .logo-container{width:250px;display:flex;align-items:center;justify-content:space-between;margin-right:20px}.logo-container li{list-style:none;font-weight:bolder;text-transform:capitalize}.logo img{width:80px;height:80px}.navbar nav ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar nav ul div{display:flex;align-items:center;justify-content:center}.navbar nav ul li{margin-right:20px;list-style:none}.navbar nav ul li .menu_link,.navbar .log-in-register li .menu_link{text-decoration:none;color:#000;transition:.2s ease-in-out;font-weight:400;padding:10px;border-radius:5px}.navbar nav ul li .menu_link.active,.navbar .log-in-register li .menu_link:hover{color:#fff;background-color:#000}.navbar .log-in-register{display:flex;flex-wrap:wrap;margin-left:100px}.log-in-register li{list-style:none;margin-right:10px}@media (max-width:680px){.navbar nav ul{position:absolute;width:100%;right:0;top:100px;display:block;text-align:right;max-height:0;background-color:var(--mint-green);overflow:hidden;transition:max-height .3s ease-in-out}.navbar nav ul.show-mobile-menu{max-height:300px}.navbar nav ul div{display:block;align-items:center;justify-content:center}.navbar nav ul li{margin-bottom:20px;padding:10px}.navbar .log-in-register{display:block}.col-2{flex-basis:100%}.menu{display:block;margin-right:10px}.menus_icon{width:40px;height:40px;margin-right:20%;cursor:pointer}}.footer{padding:30px 0;text-align:center}.footer p{font-size:14px}.footer p a{font-size:14px;color:var(--mint-green);text-decoration:none;font-weight:bolder;transition:.3s ease-in-out}.footer p a:hover{color:#121212}.footer p .fa{color:red}.about{width:100%;padding:50px 5%}.about h1{font-size:50px}.about p{line-height:1.8}.ideasJotter{padding:60px 5%}.ideasJotter h1{color:var(--heading-title);font-size:50px;font-weight:200}.ideasJotter .ideasJotter-homepage{background-color:#e9ecef;padding:30px;text-align:center;overflow:hidden;margin-bottom:20px;width:100%;border-radius:9px;border:2px solid var(--mint-green);margin-top:10px}.ideasJotter-homepage h1{opacity:1;bottom:0;font-size:60px;animation:looping linear 10s infinite;color:#121212;margin-bottom:20px}.ideasJotter .row{align-items:center}.ideasJotter .col-2 img{width:100%}@keyframes looping{0%{transform:translate(100%)}to{transform:translate(-100%)}}.ideasJotter-homepage h2{font-size:25px;color:#000}.ideasJotter-homepage p{color:#121212;margin:20px 0}.ideasJotter-homepage .arrow_down{font-size:30px;color:green}.ideasJotter-homepage .btn{cursor:pointer;padding:15px 25px;font-size:20px;border:none;border-radius:5px;background-color:#11d111;transition:.3s ease-in-out;text-shadow:0 0 2px green;color:#000;text-decoration:none;display:block;max-width:200px;margin:20px auto}.ideasJotter-homepage .btn:hover{background-color:var(--mint-green);text-shadow:none;color:green}@media (max-width:680px){.ideasJotter .col-2{flex-basis:100%;margin-bottom:20px}.col-2 img{width:100%}}.contact{width:100%;padding:50px 5%;background-position:center;background-attachment:fixed;background-size:cover}.contact h1{color:#121212;margin-bottom:30px;font-size:50px}.contact form{width:100%}form .label-container{display:flex;flex-direction:column;margin:10px 0}form .label-container label,.label-container-two label{color:#121212}form .label-container input,form .label-container textarea,.label-container-two input{padding:5px;font-size:16px;border:none;color:#121212;background-color:transparent;outline:none;border-bottom:1px solid black;margin:10px 0}form .label-container select{padding:5px 0;font-size:16px;border:none;color:#fff;background-color:transparent;outline:none;border-bottom:1px solid #ccc;margin:10px 0;background:#121212}form .label-container textarea{resize:none;color:#121212}form .btn{text-decoration:none;background:#121212;color:#fff;padding:15px 40px;border-radius:0;font-weight:800;border:none;font-size:16px;opacity:.8;cursor:pointer;transition:all .3s ease-in-out}form .btn:hover{color:#fff;font-weight:800;opacity:1;border-radius:5px}.label-container-two{display:flex;align-items:center;justify-content:space-between;margin-right:20px}.label-container.two .two-row{display:flex;flex-direction:column}.two-row input{width:100%}.contact-info{margin-top:20px}.contact-info h3{font-weight:600;font-size:23px;color:#121212}.contact-info p{color:#121212;margin:20px 0}.contact-info a{color:#121212;text-decoration:none;padding:15px 0;transition:all .3s ease-in-out;opacity:.7}.contact-info a:hover{opacity:1}.contact-info a:hover .fa{transform:rotate(360deg) scale(1.5)}.contact-info .fa{margin-right:10px;color:var(--mint-green);transition:transform 1s ease-in-out}.contact .social-icon{background-color:var(--light-gray);padding:20px;width:100%;border-radius:5px;margin-top:20px}.social-icon .icon-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:20px}.icon-container a{flex-basis:19%;text-align:center;padding:10px}.icon-container .fa{width:100%;border-radius:5px;font-size:30px;color:#fff;transition:.5s ease-in-out;margin-bottom:20px;padding:5px;width:40px;height:40px;background-color:var(--mint-green)}.icon-container .fa:hover{background-color:var(--sky-blue);transform:translateY(-5px)}.add-header{padding:50px 5%}.add-header .btnCon{width:100%;display:flex;align-items:center;justify-content:flex-end}.add-header .btnCon a{padding:10px 30px;cursor:pointer;background-color:var(--mint-green);border:none;font-size:20px;border-radius:20px;color:#fff;transition:.5s ease-in-out;text-shadow:1px 1px 1px black;text-decoration:none}.btnCon a:hover{background-color:#4bee4b;text-shadow:none}.add-header h1{margin-top:20px;padding:20px;color:#000;border-radius:5px;background-color:var(--light-gray);display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:30px}.add-header .user{display:flex;align-items:center;gap:10px;text-transform:capitalize;font-size:25px}.add-section{padding:10px 5%}.add-section .add-container{padding:20px;border:2px solid var(--mint-green);border-radius:5px;margin-bottom:80px}.heading{text-align:left;font-size:25px;font-weight:500}.text{text-align:left}.add-section .add-container div{display:flex;flex-direction:column;margin:20px 0}.add-container div label{margin-bottom:10px}.add-container div input{padding:10px;outline-color:#98ff98;border:rgb(112,106,106) 1px solid;border-radius:3px;text-transform:capitalize}.add-container div textarea{resize:none;padding:10px;outline-color:#98ff98;border:rgb(112,106,106) 1px solid;border-radius:3px}.submit-btn{padding:15px 40px;background-color:var(--mint-green);transition:.3s ease-in-out;text-shadow:0 0 2px green;color:#fff;font-size:20px;border:none;border-radius:5px;margin-top:20px;margin-right:20px}.submit-btn:hover{background-color:#11d111;text-shadow:none}.delete-btn{padding:15px 40px;background-color:#971818;transition:.3s ease-in-out;text-shadow:0 0 2px green;color:#fff;font-size:20px;border:none;border-radius:5px;margin-top:20px}.delete-btn:hover{background-color:red;text-shadow:none}.add-section .user-ideas-container{padding:20px;border:2px solid var(--mint-green);border-radius:5px}.userIdeasDetails{position:relative;margin-bottom:60px}.my-h2{margin-top:30px;text-transform:capitalize}.my-h4{text-align:center;position:absolute;right:0;top:-20px}.my-p{margin:10px 0;font-size:18px;font-weight:300}.note_section{padding:20px;border:2px solid var(--mint-green);border-radius:5px;margin-bottom:80px}.note_section .note{margin-bottom:30px}.note_section .header{display:flex;justify-content:space-between;margin:20px 0}.note_section .header .title{text-transform:capitalize;font-weight:700}.note_section .content{font-size:15px}.note_section button{padding:5px 10px;font-size:20px}.sign-up{width:100%;max-width:500px;margin:40px auto;text-align:center;padding:0 5%}.sign-up h1{padding-bottom:20px;font-size:35px}.error-message{text-align:center;padding:10px;color:#fff;background-color:#121212}.sign-up form div{position:relative;width:100%}.eye_icon{position:absolute;right:30px;bottom:20px;font-size:18px;cursor:pointer}.sign-up form div input,.sign-up form button{width:90%;padding:15px;margin:10px auto;outline:none;font-size:15px;border-radius:5px;border:solid lightgray 2px;cursor:pointer}.sign-up form button{background-color:var(--mint-green);transition:.3s ease-in-out;text-shadow:0 0 2px rgb(4,19,4);color:#fff;font-size:20px;border:none;border-radius:5px}.sign-up form button:hover{background-color:#11d111;text-shadow:none}.form-policy{width:90%;margin:10px auto}.form-policy input{width:20px;height:20px;background-color:#000;font-size:30px;cursor:pointer;transform:translateY(5px);margin-right:10px}.create-already span{color:#00f;cursor:pointer}.user_agreement{width:90%;display:flex;flex-direction:column;text-align:left;padding-top:60px;margin:0 auto}.user_agreement h3{padding-bottom:20px}.user_agreement li{padding-bottom:15px;font-size:14px}.user_agreement p{font-size:14px}*{padding:0;margin:0;box-sizing:border-box;font-family:Roboto,sans-serif}:root{--mint-green: #98FF98;--sky-blue: #87CEEB;--lemon-yellow: #FFF44F;--light-gray: #D3D3D3;--white:#fff}.row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.col-2{flex-basis:45%;min-width:300px}html::-webkit-scrollbar{background-color:#1f1a1a}html::-webkit-scrollbar-thumb{background-color:var(--mint-green)}html::-webkit-scrollbar-track-piece{background-color:var(--white)}html{scroll-behavior:smooth}@media (max-width:680px){.col-2{flex-basis:100%;margin-bottom:20px}.col-2 img{width:100%}}