*{padding:0;margin:0;box-sizing:border-box;font-family:sans-serif}.navbar{width:100%;height:auto;background-color:#00020c;padding:20px 20px 9px;display:flex;flex-direction:column;gap:25px;border-bottom:1px solid #585858}.navbar .top-header{display:flex;justify-content:space-between;align-items:center;color:#ababab}.navbar .top-header .left .logo,.navbar .top-header .right,.navbar .top-header .right .boxes{display:flex;align-items:center;gap:10px}.navbar .top-header .right .boxes .box:last-child img{width:40px;border-radius:50%}.navbar .top-header .right .boxes .box{width:auto;height:35px;display:flex;align-items:center;justify-content:space-around;border:1px solid #4e4d4d;border-radius:5px;padding:0 8px;gap:10px;transition:all .3s ease;cursor:pointer}.navbar .top-header .right .boxes .hover:hover,.navbar .top-header .right .boxes .box1-1:hover{background-color:#a1a1a12f}.navbar .top-header .right .boxes .box:last-child{border:none}.navbar .top-header .right .boxes .box:first-child{border:1px solid #4e4d4d}.navbar .top-header .right .boxes .icon{font-size:18px}.navbar .top-header .right .boxes h1{font-size:25px}.navbar .top-header .right .box1{display:flex;align-items:center;width:auto;height:35px;border:1px solid #4e4d4d;border-radius:0 5px 5px 0;padding:0 7px;transition:all .3s ease;cursor:pointer}.navbar .top-header .right .box1:hover,.navbar .top-header .right .box1-1:hover{background-color:#a1a1a12f;width:100%}.navbar .top-header .right .box1-1{display:flex;align-items:center;width:auto;height:35px;border:1px solid #4e4d4d;border-radius:5px 0 0 5px;padding:0 8px;transition:all .3s ease;cursor:pointer}.navbar .top-header .right .boxes .card{display:flex}.navbar .top-header .left .logo h3{color:#fff;cursor:pointer;transition:all .3s ease;font-size:15px;padding:5px}.navbar .top-header .left .logo h3:hover{background-color:#a1a1a12f;border-radius:5px}.navbar .top-header .left .logo .icon:nth-child(2){color:#fff;font-size:35px;cursor:pointer;transition:all .3s ease}.navbar .top-header .left .logo .icon:nth-child(2):hover{background-color:#a1a1a12f;border-radius:50%}.navbar .top-header .left .logo .icon:nth-child(1){height:auto;width:auto;padding:7px;margin-right:5px;font-size:20px;border:1px solid #4e4d4d;border-radius:5px;cursor:pointer;transition:all .3s ease}.navbar .top-header .left .logo .icon:nth-child(1):hover{background-color:#a1a1a12f}.navbar .top-header .right .search input{outline:none;border:none;width:250px;height:35px;background-color:#00020c;border-radius:5px;border:1px solid #4e4d4d;font-size:15px;padding-left:32px;color:#fff}.navbar .top-header .right .search{position:relative}.navbar .top-header .right .search .icon{position:absolute;left:5px;top:6px;font-size:23px}.header nav ul{display:flex;align-items:center}.header nav ul li a{position:relative;text-decoration:none;display:flex;align-items:center;gap:7px;color:#fff;padding:5px 10px;font-size:14px;transition:all .3s ease}.header nav ul li a .icon{color:#ababab;font-size:18px}.header nav ul li a:after{content:"";height:2px;width:0;background-color:#fc6565;position:absolute;left:0;border-radius:5px;bottom:-9px;transition:all .5s ease}.header nav ul li a:hover{background-color:#4a4a4a4a;border-radius:5px}.header nav ul li a.active:after{width:100%}.header nav ul li a span{background-color:#6767674d;padding:3px 8px;border-radius:50%}@media (max-width: 950px){.top-header .right .boxes .box:nth-child(5),.top-header .right .boxes .box:nth-child(4),.top-header .right .boxes .box:nth-child(3),.top-header .right .boxes .box:nth-child(2){display:none}}@media (max-width: 750px){.top-header .right .boxes .card .box1,.top-header .right .boxes .card .box1-1{display:none}.header nav ul{justify-content:center}}@media (max-width: 650px){.header nav ul{justify-content:center;flex-wrap:wrap;gap:20px}.navbar .top-header{flex-direction:column;gap:20px}}.overview{width:100%;height:auto;display:flex}.overview .container{width:72%;background-color:#000018;color:#fff;padding:40px 30px 40px 10px}.overview .container .content{width:100%;border:1px solid #aeadad63;border-radius:5px;padding:25px;display:flex;flex-direction:column;gap:20px}.overview .container .content .information .top{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px}.overview .container .content .information .top p{font-size:11.5px}.overview .container .content .information .top p span{color:#b4b4b4}.overview .container .content nav{padding-left:30px}.overview .container .content nav ul li{padding:4px 0;font-size:14px}.overview .container .content nav ul li a{color:#31a2ff}.overview .container .content .status .top h1{font-size:17px;padding-bottom:20px}.overview .container .content .status .card{display:flex;border:1px solid #b4b4b4}.overview .container .content .status .card .right{border-left:1px solid #b4b4b4}.overview .container .content .status .card img{width:90%;border:2px solid #b4b4b4;border-radius:5px;margin:10px 15px}.overview .container .content .status .card .left img{padding:10px 0 10px 15px}.overview .container .content .status .card .right img{margin-top:35px}.overview .container .content .status .card h2{font-size:15px;text-align:center;border-bottom:1px solid #b4b4b4;padding:7px}.overview .container .content .technologiya h2{font-size:17px;padding-bottom:10px}.overview .container .content .technologiya img{width:400px}.overview .container .popular{display:flex;flex-direction:column;gap:15px;padding:35px 0}.overview .container .popular .top{display:flex;align-items:center;justify-content:space-between}.overview .container .popular .top h3{font-size:15px}.overview .container .popular .top a{text-decoration:none;color:#31a2ff;font-size:12px}.overview .container .popular .top a:hover{text-decoration:underline}.overview .container .popular .cards{display:grid;grid-template-columns:3fr 3fr;gap:15px}.overview .container .popular .cards .card{height:120px;border:1px solid #b4b4b47d;border-radius:5px;padding:20px 15px;display:flex;justify-content:space-between;color:#b4b4b4}.overview .container .popular .cards .card .left{display:flex;flex-direction:column;justify-content:space-between}.overview .container .popular .cards .card p{display:flex;align-items:center;font-size:12px}.overview .container .popular .cards .card .left .icon{margin-bottom:1.8px;font-size:25px}.overview .container .popular .cards .card .right h5{border:1px solid #b4b4b4;border-radius:30px;padding:4px 8px;font-size:12px}.overview .container .popular .cards .card .left h4{color:#31a2ff;font-size:14px;cursor:pointer;transition:all .3s ease}.overview .container .popular .cards .card .left h4:hover{text-decoration:underline}.overview .container .commits{display:flex;gap:20px}.overview .container .commits .left img{width:100%;border:1px solid #aeadad63;border-radius:5px;padding-top:15px}.overview .container .commits .right button{color:#fff;border:1px solid #aeadad63;background-color:#000018;border-radius:5px;padding:10px 60px 10px 15px;cursor:pointer;transition:all .3s ease}.overview .container .commits .right button.active{background-color:#1f9afe}.overview .container .commits .right{display:flex;flex-direction:column;gap:10px}.overview .activity{display:flex;flex-direction:column;gap:20px;padding-top:40px}.overview .activity .card{display:flex;justify-content:space-between;padding-right:110px}.overview .activity .card .right img{width:250px}.overview .activity .card ul li a{color:#31a2ff;font-size:15px}.overview .activity .card ul li span{color:#979797;font-size:13px;text-decoration:underline}.overview .activity .card ul li{color:#31a2ff;list-style:none;padding:5px 0}.overview .activity .card ul{padding-left:40px}.overview .activity .card .name h3{font-size:15px;transition:all .3s ease;cursor:pointer}.overview .activity .card .name h3:hover{color:#1f9afe}.overview .activity .card .name{display:flex;align-items:center;gap:10px;padding-bottom:10px}.overview .activity .card .name .icon{background-color:#c0c0c02f;border-radius:50%;padding:5px;font-size:30px;color:#c6c3c3}.overview .activity .card2 ul li{padding:8px 0}.overview .activity .card2 ul li a{display:flex;align-items:center;gap:7px}.overview .activity .card2 ul li .icon{color:#979797;font-size:17px}.overview .activity .top{display:flex;flex-direction:column;gap:20px;padding-bottom:20px}.overview .activity .top h2{font-size:17px;font-weight:100}.overview .activity .top p{font-size:13px}.overview .activity .top p span{color:#b4b4b4}.overview .activity button{width:86%;height:7vh;color:#1f9afe;background-color:#000018;border:1px solid #aeadad63;border-radius:5px;cursor:pointer;font-weight:600;transition:all .3s ease}.overview .activity button:hover{background-color:#c0c0c02f}.overview .activity p{font-size:12px;padding-top:10px}.overview .activity p a{color:#1f9afe}@media (max-width: 1050px){.overview .container .activity .card{flex-direction:column}.overview .container .activity{text-align:center;align-items:center}.overview .container .activity .card .name .icon{display:none}.overview .activity .card .name{justify-content:center}.overview .activity .card{padding-right:20px}}@media (max-width: 950px){.overview .container .commits .right button{width:50%;height:4vh;display:flex;align-items:center}}@media (max-width: 850px){.overview .content .status .card{flex-direction:column}.overview .content .status .card .right .name{border-top:1px solid #979797}}@media (max-width: 750px){.overview .content .information nav ul li{font-size:10px}.overview .content .information nav{padding-left:20px}.overview .container .content .information .top p{font-size:10px}.overview .container .content .information .top .icon{font-size:12px}.overview .container .content .technologiya img{width:80%}.overview .container .popular .cards{grid-template-columns:1fr}.overview .container .commits{flex-direction:column}}@media (max-width: 570px){.overview .container .activity .card ul li a,.overview .container .activity .card ul li span{font-size:10px}.overview{flex-direction:column}.overview .container{width:100%}}@media (max-width: 550px){.overview .container .content .information nav ul li{font-size:8px}.overview .container .content .information .top p{font-size:8px}.overview .container .content .information .top .icon{font-size:10px}.overview .container .content .technologiya h2{font-size:12px}.overview .container .content{padding:20px 15px}.overview .container{padding:30px 15px}}@media (max-width: 500px){.overview .container .content .information nav ul li{font-size:7px}.overview .container .content .information .top p{font-size:6.5px}.overview .container .content .information .top .icon{font-size:8px}.overview .container .content .information .top{padding-bottom:10px}.overview .container .content .status .top h1{font-size:15px}.overview .container .content .status .card h2{font-size:12px}.overview .container .popular .top h3{font-size:11px}.overview .container .popular .top a{font-size:9px}}@media (max-width: 440px){.overview .container .content .information nav ul li{font-size:6px}.overview .container .content .information .top p{font-size:6px}.overview .container .content .information .top .icon{font-size:7px}.overview .container .content .information nav{padding-left:15px}.overview .container .activity .card .right img{width:100%}.overview .container .activity .card .left ul li a{font-size:9px}.overview .container .activity p{font-size:10px}.overview .container .activity button{height:5vh;width:100%;font-size:12px}}.profil{width:28%;height:auto;background-color:#000018;padding:40px 15px 40px 30px;display:flex;flex-direction:column;gap:20px;color:#fff}.profil .logo{position:relative}.profil .logo img{width:100%;height:100%;border-radius:50%;border:2px solid #454444;cursor:pointer}.profil .logo .icon{position:absolute;bottom:35px;right:15px;border:1.31px solid #454444;border-radius:50%;padding:10px;font-size:40px;color:#bebebe;background-color:#000018;cursor:pointer;transition:all .3s ease}.profil .logo .icon:hover{color:#1587f9}.profil .name{display:flex;flex-direction:column;gap:5px}.profil .name h1{font-size:25px}.profil .name p{font-size:20px;color:#ffffff76}.profil .button button{background-color:#6e6e6e33;border:1px solid #6b6b6b70;border-radius:5px;width:95%;height:6vh;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .1s ease}.profil .button button:hover{background-color:#4e4e4e57}@media (max-width: 1150px){.profil .logo .icon{bottom:25px;right:5px;font-size:35px;padding:8px}}@media (max-width: 900px){.profil .name h1{font-size:20px}.profil .name p{font-size:15px}.profil .logo .icon{bottom:20px;right:5px;font-size:30px;padding:7px}}@media (max-width: 740px){.profil .name h1{font-size:15px}.profil .name p{font-size:12px}.profil .description p{font-size:13px}.profil .logo .icon{bottom:15px;font-size:25px;padding:6px}.profil .button button{width:70%;font-size:10px;height:4vh}}@media (max-width: 650px){.profil .logo .icon{bottom:12px;right:5px;font-size:20px;padding:4.5px}}@media (max-width: 600px){.profil .name h1{font-size:12px}.profil .name p{font-size:9px}.profil .description p{font-size:10px}.profil{gap:15px;text-align:center}}@media (max-width: 570px){.profil{width:100%}.profil .logo img{width:60%}.profil .logo .icon{display:none}.profil .name h1,.profil .name p{font-size:20px}.profil .description p{font-size:18px}.profil .button button{width:90%;font-size:12px;height:5vh}}@media (max-width: 540px){.profil{padding:30px 10px}}.repositories{display:flex}.repositories .container{width:72%;height:auto;padding:30px 20px 40px;background-color:#000018;color:#fffefe9b}.repositories .container .top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #fffdfd3e;padding-bottom:20px}.repositories .container .top button{background-color:#fffdfd3e;color:#fff;border-radius:5px;padding:7px 15px;border:1px solid #fffdfd49;font-weight:600;cursor:pointer;transition:all .3s ease}.repositories .container .top button:hover{background-color:#fffdfd4e}.repositories .container .top button:last-child{background-color:green}.repositories .container .top button:last-child:hover{background-color:#029f02}.repositories .container .top input{width:490px;height:35px;border-radius:5px;background-color:#000018;border:1px solid #fffdfd49;padding-left:10px;color:#fff;outline:none}.repositories .container .top input:focus{border:2px solid #009dff}.repositories .container .box{display:flex;justify-content:space-between;padding:30px 0;border-bottom:1px solid #fffdfd33}.repositories .container .box .left{display:flex;flex-direction:column;gap:15px}.repositories .container .box .left .name{display:flex;align-items:center;gap:10px}.repositories .container .box .left .name h2{color:#009dff;cursor:pointer;font-size:20.5px}.repositories .container .box .left .name h2:hover{text-decoration:underline}.repositories .container .box .left .name p{border:1px solid #fffdfd3e;border-radius:30px;padding:3px 6px;font-size:12px}.repositories .container .box .left p{font-size:13px}.repositories .container .box .left .time{display:flex;align-items:center;gap:20px}.repositories .container .box .left .time .icon{font-size:30px}.repositories .container .box .left .time p{display:flex;align-items:center;font-size:12px}.repositories .container .box .right{display:flex;flex-direction:column;gap:10px}.repositories .container .box .right img{width:200px}.repositories .container .box .right .buttons{display:flex;justify-content:flex-end}.repositories .container .box .right .buttons .button1{display:flex;align-items:center;gap:10px;border:1px solid #fffdfd3e;background-color:#fffdfd33;padding:4px 10px;border-radius:5px 0 0 5px;cursor:pointer;transition:all .3s ease}.repositories .container .box .right .buttons .button1:hover,.repositories .container .box .right .buttons .button2:hover{background-color:#fffdfd3e}.repositories .container .box .right .buttons .button2{border:1px solid #fffdfd3e;background-color:#fffdfd33;padding:4px 10px;border-radius:0 5px 5px 0;cursor:pointer}.repositories .container .icons{display:flex;align-items:center;justify-content:center;padding-top:30px;gap:30px}.repositories .container .icons p{display:flex;align-items:center;font-size:14px}.repositories .container .icons .icon{font-size:18px}.projects{display:flex}.projects .container{width:72%;background-color:#000018;padding:30px 20px}.projects .container .card{height:50vh;border:1px solid #9b9a9a;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;gap:15px;border-radius:5px}.projects .container .icon{font-size:30px;color:#9b9a9a}.projects .container p{color:#9b9a9a;padding-bottom:15px}.projects .container button{background-color:#019d01;padding:10px 20px;border:none;color:#fff;border-radius:5px;font-weight:700;cursor:pointer;transition:all .3s ease}.projects .container button:hover{background-color:#04b704}.packages{display:flex}.packages .container{width:72%;background-color:#000018;color:#fff;display:flex;flex-direction:column;gap:60px;padding:40px 20px}.packages .container .card{display:flex;align-items:center;flex-direction:column;gap:10px}.packages .container .card p{color:#afafaf;padding-top:10px}.packages .container .card img{width:80px}.packages .container .content{display:flex;flex-direction:column;align-items:center}.packages .container .content h3{color:#afafaf;padding-bottom:30px}.packages .container .content .boxes{display:flex;flex-wrap:wrap;gap:15px}.packages .container .content .boxes .box{border:1px solid #afafaf79;border-radius:5px;padding:17px 25px;display:flex;flex-direction:column;gap:20px}.packages .container .content .boxes .box .name{display:flex;align-items:center}.packages .container .content .boxes .box button{width:39%;height:5vh;background-color:#afafaf54;border:1px solid #afafaf;color:#fff;border-radius:5px;cursor:pointer;transition:all .3s ease}.packages .container .content .boxes .box button:hover{background-color:#afafaf63}.packages .container .content .boxes .box p{color:#afafaf;font-size:13px;line-height:24px}.packages .container .content .boxes .box .name h2{font-size:20px}.stars{display:flex}.stars .container{width:72%;background-color:#000018;color:#fff;padding:40px 20px;display:flex;flex-direction:column;gap:25px}.stars .container .top{display:flex;justify-content:space-between}.stars .container .top p span{color:#aeaeae}.stars .container .top p{font-size:20px}.stars .container .top button:first-child{background-color:#6e6e6e33;border:1px solid #6e6e6e63;color:#fff;padding:10px 20px;border-radius:5px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .3s ease;font-weight:700}.stars .container .top button:first-child:hover{background-color:#6e6e6e43}.stars .container .top button:last-child{background-color:green;border:1px solid #6e6e6e63;color:#fff;padding:10px 20px;border-radius:5px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .3s ease;font-weight:700}.stars .container .top button:last-child:hover{background-color:#029f02}.stars .container .top .right{display:flex;align-items:center;gap:10px}.stars .container .card{border:1px solid #aeaeae8d;border-radius:5px;height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.stars .container .card .icon{font-size:30px;color:#aeaeae}.stars .container .card p a{color:#0095ff;text-decoration:none}.stars .container .card p a:hover{text-decoration:underline}.stars .container .card p{font-size:14px}.stars .container .search{display:flex;justify-content:space-between;align-items:end}.stars .container .search .left{display:flex;flex-direction:column;gap:20px}.stars .container .search .left p{font-size:20px}.stars .container .search .left .input{position:relative;display:flex;gap:10px}.stars .container .search .left .input .icon{position:absolute;left:10px;top:10px;color:#7d7d7d;font-size:15px}.stars .container .search .left .input input{width:350px;height:6vh;background-color:#000018;outline:none;border:1px solid #b6b5b589;border-radius:5px;padding-left:35px;color:#fff;transition:all .2s ease}.stars .container .search .left .input input:focus{border:2px solid #0095ff}.stars .container .search .left .input button{padding:0 20px;border-radius:5px;background-color:#6e6e6e33;color:#fff;border:1px solid #aeaeae8d;font-weight:600;transition:all .3s ease;cursor:pointer}.stars .container .search .left .input button:hover{background-color:#6e6e6e43}.stars .container .search .right select{border:1px solid #6e6e6e43;background-color:#6e6e6e33;color:#fff;padding:10px 5px;border-radius:5px;outline:none}.stars .container .search .right select option{background-color:#000}.stars .container .search .right{display:flex;gap:10px}.stars .container .text{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px 20px 20px;gap:20px}.stars .container .text .icon{font-size:30px;color:#aeaeae}.stars .container .text p{color:#aeaeae}.stars .container .text p a{color:#0095ff}.footer{width:100%;height:auto;padding:40px 20px;display:flex;justify-content:center;align-items:center;gap:20px;background-color:#000018;color:#ababab}.footer .logo{display:flex;align-items:center;gap:10px}.footer .logo p{font-size:13px}.footer .logo .icon{font-size:25px;transition:all .3s ease;cursor:pointer}.footer .logo .icon:hover{color:#777676}.footer nav ul{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;list-style:none}.footer nav ul li a{text-decoration:none;transition:all .3s ease;color:#ababab;font-size:13px}.footer nav ul li a:hover{color:#1181f9;text-decoration:underline}@media (max-width: 950px){.footer{flex-direction:column;padding:20px}}