.navbar{width:6%;height:92vh;background-color:#817e7e4c;position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center;padding-top:2%;box-shadow:0 0 20px rgba(0,0,0,.555);transition:width .5s;margin-top:1%;margin-left:1%;margin-bottom:3%;border-radius:20px;font-size:150%}.logo{font-size:200%;margin-bottom:5%}.link{position:relative;overflow:hidden;color:#001d2c;text-decoration:none;display:flex;align-items:center;margin-bottom:15px;font-weight:700}.link span{visibility:hidden}.link i{color:#001622;width:10vh;margin-left:35%;margin-right:2%;font-size:6vh;transition:margin-left .5s}.navbar:hover{width:12%}.link:hover i{margin-left:6%}.link:hover span{visibility:visible}@media screen and (max-width:768px){.navbar{display:none}}@media screen and (max-width:480px){.navbar{display:none}}.modalprj1{top:0;bottom:0;left:0;right:0;display:flex;position:fixed;width:100%;height:100%;justify-content:center;align-items:center;z-index:1100;overflow:hidden;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);transition:1s;border:1px solid #000}.modalcontent1{margin:auto;position:relative;max-width:70%;max-height:60%;padding:4%;box-shadow:0 0 100px #000;background-color:#3e3e3e;border-radius:20px;border:2px solid #888;overflow-y:auto;scrollbar-width:none;transition:1s}.close-modal{color:#aaa;font-size:28px;font-weight:700;cursor:pointer;position:absolute;top:10px;right:20px;transition:.5s;background:none;border:none;padding:0;transition:1s}.close-modal:hover{color:#fff;transition:1s}.btngithublink a{text-decoration:none;color:#000}.btngithublink a:hover{color:#fff}.btngithublink{margin-top:2%;font-size:3vh;background-color:#fff;color:#000;border:none;padding:10px 20px;border-radius:10px;box-shadow:0 0 30px #000;transition:.5s}.btngithublink:hover{color:#fff;box-shadow:0 0 30px #fff;background-color:#000;transition:.5s;cursor:pointer}