.navbar{display:flex;flex-direction:column;gap:20px;padding:10px;background-color:#1e1e1e;height:1000px;color:#5f5f5f;width:430px;border-radius:20px;border-right:none;box-shadow:0 8px 15px #bc86516b;transition:.3s ease}.navbar .photo{display:flex;justify-content:center;margin-top:40px}.navbar .photo img{width:150px;height:180px;object-fit:cover;box-shadow:0 8px 15px #bc86516b;border-radius:15%;transition:.5s}.navbar .photo img:hover{transition:.5s;box-shadow:0 8px 15px #bc8651eb}.navbar:hover{transform:translateY(-5px) scale(1.05);z-index:10;background:#232323}.navbar .name-degree{display:flex;flex-direction:column;align-items:center;color:#faebd7;font-weight:600}.navbar .name-degree p{margin:3px}.navbar .name-degree .p-stud{margin:0}.navbar .main-info{margin-bottom:0}.navbar .main-info .info-item .icon{margin-right:3px;vertical-align:middle;font-size:16px}.navbar .main-info,.navbar .socials{font-size:14px;margin-left:25px}.navbar .main-info div,.navbar .main-info a,.navbar .socials div,.navbar .socials a{transition:.5s}.navbar .main-info div:hover,.navbar .main-info a:hover,.navbar .socials div:hover,.navbar .socials a:hover{color:#faebd7;transition:.5s;font-weight:700}.navbar h3{color:#faebd7;margin-left:25px;margin-top:0;margin-bottom:0}.navbar .socials{margin-top:0;display:flex;flex-direction:column;gap:20px}.navbar .socials a{text-decoration:none;color:#5f5f5f;margin:0}.navbar .socials p{margin:0}.navbar .socials .icon{margin-right:3px;vertical-align:middle;font-size:16px}.skills-container{display:flex;gap:20px}.skill{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:15px;flex:1 1 calc(50% - 20px)}.skill span{font-weight:700;display:flex;margin-bottom:5px}.skill .progress{width:200px;background-color:#555;height:10px;border-radius:10px;overflow:hidden}.skill .progress .progress-bar{height:100%;background:linear-gradient(90deg,#cdb76e,#baba55);width:0;transition:width 1s ease;display:flex;justify-content:flex-end;align-items:center;padding-right:5px;color:#fff;font-weight:700}.skill .progress .progress-bar .percent{font-size:.8rem}.about-container{display:flex;flex-direction:column}.about-container h2{color:#faebd7}.about-container p{font-size:14px}.about-container a{text-decoration:none;color:#5f5f5f;transition:.5s;font-size:14px;text-decoration:underline}.about-container a:hover{transition:.5s;font-weight:700;text-decoration:none}.about-container li{margin-left:15px;font-size:14px}.about-container .lang-int{display:flex;flex-direction:row;justify-content:space-between;margin-right:10px}.about-container .achievements p{margin:0}body{margin:0;padding:0;font-family:Inter;background-color:#121212;display:flex;justify-content:center;align-items:center}body .app .container{height:1000px;width:780px;background-color:#242424;border-radius:3%;margin-top:60px;margin-bottom:60px;display:flex;justify-content:center;align-items:center;transition:.5s}body .app .container:hover{transition:.5s;transform:translate(10px) scale(1.05)}body .app .container .about-container{display:flex;gap:20px;margin-left:40px;margin-right:40px;margin-top:80px;font-size:13px;flex-direction:row;color:#fff;width:100%;height:100%}