.HTML,body{background-color:#000;color:#f0f8ff}.profile-pic{animation:rotate 3s ease;height:200px;width:200px;border-radius:50%}.border{border:2px solid green;padding:1px;margin:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2px}.name{animation:blink 4s infinite;font-family:bold Cambria,Cochin,Georgia,Times,Times New Roman,serif;color:#daa520;font-size:24px;padding:4px;margin-left:20px;display:flex;text-align:center}.profile-contener{background-color:#444;padding:20px;margin:15px;border-radius:14px;display:flex;flex-direction:column;align-items:flex-start;min-width:220px}.main-contener{background-color:#525151;border-radius:10px;padding:10px;margin:15px;flex:1}.icon{height:35px;width:35px;border-radius:4px;box-sizing:border-box;margin:1px;padding:1px;filter:brightness(1.9) contrast(.8);border:1px solid goldenrod}.profile-row{display:flex;flex-direction:row;align-items:center;gap:9px;margin-bottom:8px}.navbar{display:flex;padding:1px 14px 1px 1px;margin:5px 5px 16px;align-items:right;gap:4px;justify-content:right}.nav-button{background-color:#595858;color:#fff;border:none;font-size:16px;cursor:pointer}.nav-button:hover{font-size:15px;color:#c4aa19}.contener{padding:10px;margin:10px}.content{background-color:#494848;border-radius:6px;padding:10px;margin:10px}.c-heder{font-family:bold Cambria,Cochin,Georgia,Times,Times New Roman,serif;color:#daa520;font-size:20px;padding:4px;margin-left:10px;box-sizing:border-box;background-color:#5c5a5a;border-radius:6px;width:fit-content}.c-paragraph{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:16px;margin:10px;padding:10px;text-align:justify;box-sizing:border-box;background-color:#5c5a5a}@media (max-width: 768px){.border{flex-direction:column;align-items:stretch}.profile-contener{min-width:unset;margin-bottom:16px}.main-contener{margin:0}.profile-pic{height:150px;width:150px}.name{font-size:20px}.c-heder{font-size:18px}.c-paragraph{font-size:14px}}@media (max-width: 480px){.border{margin:10px;width:calc(100vw - 20px)}.profile-pic{height:120px;width:120px}.name{font-size:18px}.icon{height:30px;width:30px}.profile-row{gap:6px}.c-heder{font-size:16px;margin-left:5px}.c-paragraph{font-size:12px;margin:5px;padding:5px}.nav-button{font-size:14px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes slidein{0%{transform:translate(-100%)}to{transform:translate(0)}}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}@media (max-width: 480px){.grid-container{grid-template-columns:1fr}.education-item{flex-direction:column;align-items:flex-start}.education-year{width:auto;text-align:left;margin-right:0;margin-bottom:10px}.education-icon{margin-right:0;margin-bottom:10px}.timeline-line{display:none}}