@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Tektur:wght@400..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}.navbar{height:100vh;overflow-x:hidden;position:relative;font-family:Roboto,sans-serif}.nav-bar{position:relative;display:flex;align-items:center;justify-content:space-between;width:100vw;height:10vh;background-color:#02040a;padding:0 1rem;border-bottom:#3d444c 1px solid}.git-logo{font-size:2rem;color:#fff;cursor:pointer}.git-logo:hover{opacity:1}.left-content{display:flex;flex-direction:row;align-items:center;gap:1rem}.left-content .dashboard-heading{color:#fff;font-size:.95rem;font-weight:450;padding:.4rem .5rem;border-radius:.5rem;cursor:pointer}.left-content .dashboard-heading:hover{background-color:#11161c}.border-style{padding:.4rem .5rem;color:#9099a1;font-size:1.5rem;border:1px solid #3d444c;border-radius:.5rem;cursor:pointer}.hambargur{font-size:1rem}.search-bar{display:flex;flex-direction:row;align-items:center;gap:.75rem}.search-bar input{border:none;outline:none;background:transparent;font-size:1.05rem;color:#9099a1}.search-bar input::placeholder{color:#9099a1}.search-bar i{font-size:.9rem}.dashboard-heading{color:#000}.right-content{display:flex;flex-direction:row;align-items:center;gap:.6rem}.create-new-repo{display:flex;flex-direction:row;align-items:center;gap:.35rem;font-size:1.1rem}.create-new-repo .down-angle{font-size:.75rem;margin-top:.4rem}.create-issue,.create-pull-request,.notification{font-size:1rem}.profile{font-size:1.2rem;color:#fff;background-color:#3d444c;padding:.4rem .5rem;border-radius:.5rem;cursor:pointer}.icon-style-left{font-size:.85rem}.left-pannel{position:absolute;top:0;left:0;height:100vh;width:20vw;background-color:#0d1217;padding:1.25rem 1rem;border-right:#3d444c 1px solid;z-index:100;display:flex;flex-direction:column;gap:1rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;color:#ccd2d9;transform:translate(-100%);transition:all .4s ease-in-out;opacity:.7}.left-pannel-open{transform:translate(0);opacity:1}.left-pannel-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.cross-logo{font-size:1.1rem;color:#fff;cursor:pointer;background-color:#3d444c;padding:.2rem .3rem;border-radius:.25rem;opacity:.5}.cross-logo:hover{opacity:1}.top-component{display:flex;flex-direction:column;margin-top:1rem}.top-component .component-style{display:flex;flex-direction:row;gap:.75rem;align-items:center;width:100%;padding:.5rem;border-radius:.35rem;cursor:pointer}.top-component .component-style:hover{background-color:#3d444c}.repository{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.icon-style{font-size:.9rem}.right-pannel{position:absolute;top:0;right:0;height:100vh;width:20vw;background-color:#0d1217;padding:1rem;border-left:#3d444c 1px solid;z-index:100;display:flex;flex-direction:column;gap:.1rem;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;color:#ccd2d9;transform:translate(100%);transition:all .4s ease-in-out;opacity:.7}.right-pannel-open{transform:translate(0);opacity:1}.right-pannel-style{display:flex;flex-direction:row;gap:1rem;align-items:center}.right-pannel .component-style{display:flex;flex-direction:row;align-items:center;width:100%;padding:.5rem;border-radius:.35rem;cursor:pointer}.right-pannel .component-style:hover{background-color:#3d444c}.repository-pannel{position:absolute;top:8vh;right:12vw;height:32vh;width:25vh;background-color:#0d1217;border-radius:.5rem;border:#3d444c 1px solid;z-index:100;transform-origin:top center;opacity:0;max-height:0;overflow:hidden;transition:opacity .6s ease,max-height .6s ease;padding:.35rem .5rem}.repository-pannel-open{opacity:1;max-height:32vh}.repository-pannel .component-style{display:flex;flex-direction:row;gap:.75rem;align-items:center;width:100%;padding:.45rem;border-radius:.35rem;cursor:pointer;color:#ccd2d9}.repository-pannel .component-style:hover{background-color:#3d444c}.repository-pannel .icon-style{font-size:.9rem}hr{border:.5px solid #3d444c;width:100%;margin:.3rem 0}.left-container{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:#151b22;height:90vh;width:20vw;position:fixed;top:10vh;left:0}.right-container{display:flex;flex-direction:column;gap:1rem;padding:.75rem;background-color:#02040a;height:90vh;width:80vw;position:fixed;top:10vh;right:0;border-left:#3d444c 1px solid}.suggested-repository{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem;border-radius:.5rem;color:#ccd2d9;font-size:.85rem}.new-button{display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.3rem;border-radius:.5rem;cursor:pointer;background-color:#009b48;color:#fff;width:3.3rem;font-size:.85rem}.search-repository{display:flex;align-items:center;padding:.4rem 0 .4rem .5rem;border-radius:.25rem;cursor:pointer;background-color:#3d444c;color:#ccd2d9;font-size:.85rem;border:none;outline:1px solid #959799}.search-repository:focus{outline:2px solid #1f6feb}.repository-list{display:flex;flex-direction:column;gap:.5rem;background-color:#151b22;height:70vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3d444c #151b22}.suggested-repo-style{color:#ccd2d9;border:2px solid #3d444c;border-radius:.35rem;padding:.5rem .75rem;cursor:pointer}.suggested-repo-style:hover{background-color:#3d444c}.container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:10px;padding:20px;max-width:100px;border:1px solid lightgreen}.box{background-color:#4682b4;border-radius:5px;height:50px}.small{height:40px}.medium{height:100px}.wide{grid-column:span 3;height:50px}.full{grid-column:span 3;height:40px}section{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;font-family:Tektur,sans-serif;background-color:#000;background-blend-mode:overlay}.login-box{position:relative;width:380px;height:450px;background:transparent;border-radius:20px;display:flex;justify-content:center;align-items:center;border:2px solid rgba(255,255,255,.5)}h2{font-size:2em;color:#fff;text-align:center}.input-box{position:relative;width:310px;margin:30px 0;border-bottom:2px solid #fff}.input-box label{position:absolute;top:50%;left:5px;transform:translateY(-50%);font-size:1em;color:#fff;pointer-events:none;transition:.5s}.input-box input:focus~label,.input-box input:valid~label{top:-5px}.input-box input{width:100%;height:50px;background:transparent;border:none;outline:none;font-size:1em;color:#fff;padding:0 35px 0 5px}.input-box .icon{position:absolute;right:8px;color:#fff;font-size:1.2em;line-height:57px}.remember-forgot{margin:-15px 0 15px;font-size:.9em;display:flex;justify-content:space-between;color:#fff}.remember-forgot label input{margin-right:3px}.remember-forgot a{color:#fff;text-decoration:none}.remember-forgot a:hover{text-decoration:underline}button{width:100%;height:40px;border:none;outline:none;background:#fff;color:#000;font-size:1em;border-radius:40px;cursor:pointer;font-weight:500}.signup-link{font-size:.9em;text-align:center;color:#fff;margin:25px 0 10px}.signup-link p .a{color:#fff;text-decoration:none;font-weight:500}.signup-link p .a:hover{text-decoration:underline}@media (max-width:360px){.login-box{width:100%;height:100vh;border:none;border-radius:0}.input-box{width:290px}}