#DashboardContainer{h2{font-family:Arial,Helvetica,sans-serif;font-size:30px;margin:30px 0;text-align:center}h2:first-letter{color:orange}#dashboard{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;padding-bottom:30px;>.dashboard{border-bottom:2px solid orange;display:flex;flex-direction:column;padding-bottom:30px;padding-left:20px;>h3{color:#134544;font-family:Arial,Helvetica,sans-serif;font-size:20px;margin-bottom:20px;text-align:center;+p{margin-bottom:10px;margin-top:5px}}>#skill{display:flex;flex-wrap:wrap;gap:20px;margin-top:50px;>button{background-color:#134544;border-radius:5px;color:#fff;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:13px;padding:5px 10px;transition:all 1s;&:hover{background-color:orange}}}}}}#view{&:hover{background-color:#134544;color:orange}}.search-input{&:focus{width:80%}}@media screen and (max-width:890px){#DashboardContainer{#dashboard{flex-direction:column;width:100%;>.dashboard{width:100%;>h3{text-align:left}}}}}#navbar{background-color:#fff;position:sticky;top:0;width:100%;header{align-items:center;border-bottom:2px solid #134544;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 0 10px #134544;display:flex;flex-wrap:wrap;font-family:Arial,Helvetica,sans-serif;gap:20px;justify-content:space-between;padding:20px;width:100%;>nav{>h1{color:#134544;font-size:20px}h1:first-letter{color:orange}>aside{align-items:center;display:flex;>a{border-bottom:2px solid #0000;margin-right:30px;&:hover{border-bottom:2px solid orange;color:#134544}}.active{border-bottom:2px solid #134544;color:orange}>div{align-items:center;border:2px solid #134544;border-radius:20px;display:flex;justify-content:space-between;padding:5px;>input{border:none;display:inline-block;flex:1 1;height:30px;margin:0 5px;outline:none;padding:5px;transition:width 1s;width:200px;&:focus{width:300px}}}}>button{background-color:#134544;border-radius:5px;color:#fff;font-size:13px;padding:8px 20px;transition:background 1s;&:hover{background:gray}}>summary{background-color:orange;border-radius:3px;color:red;display:none;list-style-type:none;padding:10px;position:absolute;width:200px}}nav.hamburger{display:none}}}#drop-down:hover summary{cursor:pointer;display:block}@media screen and (max-width:890px){#navbar{header{.mob{display:none}nav.hamburger{display:block}}}}#DashboardContainer2{h2{font-family:Arial,Helvetica,sans-serif;font-size:30px;margin:30px 0;text-align:center}h2:first-letter{color:orange}#dashboard{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;padding-bottom:30px;>.dashboard{border-bottom:2px solid orange;display:flex;flex-direction:column;padding-bottom:30px;padding-left:20px;width:45%;>h3{color:#134544;font-family:Arial,Helvetica,sans-serif;font-size:20px;margin-bottom:20px;text-align:center;+p{margin-bottom:10px;margin-top:5px}}>#skill{display:flex;flex-wrap:wrap;gap:20px;margin-top:50px;>button{background-color:#134544;border-radius:5px;color:#fff;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:13px;padding:5px 10px;transition:all 1s;&:hover{background-color:orange}}}}}}#view{background-color:orange;border-radius:10px;color:#134544;cursor:pointer;margin-top:30px;padding:10px 30px;transition:all 1s;&:hover{background-color:#134544;color:orange}}.search-input{border:2px solid orange;border-radius:8px;display:block;margin:50px auto 100px;padding:10px;transition:all 1s;width:50%;&:focus{width:80%}}marquee+footer{background-color:#134544;bottom:0;color:orange;font-family:Arial,Helvetica,sans-serif;padding:10px;position:fixed;text-align:center;width:100%}@media screen and (max-width:890px){#DashboardContainer2{#dashboard{flex-direction:column;width:100%;>.dashboard{width:100%;>h3{text-align:left}}}}}#loginSection{display:flex;>section{height:100vh;width:50%}.loginSection{background-color:#134544;>nav{h1{color:orange;font-size:50px;margin-bottom:30px;margin-top:100px;text-align:center}}}.loginsection{background-color:orange;display:flex;flex-direction:column;justify-content:center;padding-left:70px;>h1{color:#134544;font-family:Arial,Helvetica,sans-serif;font-size:30px;margin-bottom:30px}form{>nav{display:flex;flex-direction:column;margin-bottom:30px;>label{color:#134544;display:inline-block;font-family:Arial,Helvetica,sans-serif;margin-bottom:5px}>input{border:none;border-radius:5px;outline:none;padding:10px}>button,>input{background-color:#134544;color:#fff;height:50px;width:80%}>button{border:2px solid #0000;border-radius:8px;transition:all 1s;&:hover{background-color:orange;border:2px solid #134544;color:#134544;font-weight:700}}}+p{font-family:Arial,Helvetica,sans-serif;font-size:14px;>span{color:blue;cursor:pointer;&:hover{text-decoration:underline}}+p{margin-top:60px}}}}}@media screen and (max-width:890px){#loginSection{>section{width:100%}.loginSection{display:none}}}*{box-sizing:border-box;margin:0;padding:0}#signupSection{display:flex;>section{height:100vh;width:50%}.signupSection{background-color:#134544;>nav{h1{color:orange;font-size:50px;margin-bottom:30px;margin-top:100px;text-align:center}}marquee{color:orange}}#signup{background-color:orange;display:flex;flex-direction:column;justify-content:center;padding-left:70px;>h1{color:#134544;font-family:Arial,Helvetica,sans-serif;font-size:30px;margin-bottom:30px}form{>nav{display:flex;flex-direction:column;margin-bottom:30px;>label{color:#134544;display:inline-block;font-family:Arial,Helvetica,sans-serif;margin-bottom:5px}>input{border:none;border-radius:5px;outline:none;padding:10px}>button,>input{background-color:#134544;color:#fff;height:50px;width:80%}>button{border:2px solid #0000;border-radius:8px;transition:all 1s;&:hover{background-color:orange;border:2px solid #134544;color:#134544;font-weight:700}}}+p{font-family:Arial,Helvetica,sans-serif;font-size:14px;>span{color:blue;cursor:pointer;&:hover{text-decoration:underline}}}}}}@media screen and (max-width:890px){#signupSection{>section{width:100%}.signupSection{display:none}}}
/*# sourceMappingURL=main.3690314a.css.map*/