body{box-sizing:border-box;font-family:Nunito Sans,sans-serif;margin:0;padding:0}header{align-items:center;background-color:#000;color:#fff;display:flex;font-size:2em;height:75px;justify-content:end;overflow-y:hidden;padding-right:10px;text-align:right;top:0}footer{height:50px}.main-content{-ms-overflow-style:none;background-color:#dde8f0;display:flex;flex-direction:column;height:200vh;overflow:scroll;scroll-behavior:smooth;scroll-snap-align:end;scroll-snap-stop:always;scrollbar-width:none}.main-content::-webkit-scrollbar{display:none}.timeline-items-0,.timeline-items-0-track{display:flex;height:0;justify-content:space-evenly;position:fixed;width:100%;z-index:3}.timeline-item-0{border-radius:15px;color:#fff;display:flex;flex-direction:column;height:500px;justify-content:space-between;max-width:350px;min-width:350px;position:relative;transition:.3s}.desk-info-photo{background-position:0 0;background-repeat:no-repeat;background-size:cover;background-size:500px;border:20px solid #7590c6;max-height:275px;min-height:230px;z-index:2}.year{align-items:center;background-color:#000;display:flex;font-size:24px;height:24px;justify-content:center;left:-12px;padding:2px 5px;top:40%}.desk-info-text,.timeline-items-0-track,.year{position:absolute}.desk-info-text{background-color:#000;border-radius:15px;color:#fff;font-weight:100;letter-spacing:.5px;max-height:200px;min-height:150px;padding:10px;right:7px;text-align:left;top:2px;transition:1s;width:320px;z-index:1}.project-card-info-body,.title{padding:5px}.project-card-body-info{height:100%;text-align:left}.describe-desk{min-height:95px}.describe-desk-buttons{display:flex;justify-content:space-between}.describe-desk-buttons a{text-decoration:none;width:100px}.project-card-btn{background-color:transparent;border:none;border-radius:50px;color:#fff;padding:10px;width:100%}.timeline-items-1-track,.timeline-items-1-track-side{height:100vh;max-height:100%;overflow:none;width:50%!important}.timeline-items-1{background-color:#d2e3ff;display:flex;height:100vh;margin-top:100vh;overflow:hidden;top:75px;width:100%;z-index:2}.timeline-items-1 ul{font-size:1.5vh;list-style:none;margin-top:5px;padding:0}.detail-block-skills{display:flex;flex-direction:column;flex-wrap:wrap;height:170px}.timeline-items-1-track::-webkit-scrollbar{display:none}.timeline-items-1-track{color:#fff;display:grid;height:100vh;justify-content:center;margin-top:0}.timeline-item-1{background-color:#264173;border-bottom:1px solid #add8e6;height:25vh;overflow:hidden;padding:none;width:25vw;z-index:0}.timeline-items-1-track-side{background-color:#2149b7;display:grid;grid-template-rows:repeat(4,25vh);height:100vh;justify-content:start}.desk-screen{height:300px}.card-track-main:last-of-type{display:none}.title-0,.title-1{align-items:start;display:flex;font-size:4em;height:100px;opacity:0;position:fixed;top:0}.title-0{border-right:5px solid blue;height:10px;left:0;padding-right:10px}.title-1{color:#fff;display:flex;flex-direction:column;height:80px;padding-bottom:0;right:0;z-index:4}.title-1-underline{border:2.5px solid #ed2517;bottom:10px;position:relative;width:0}.detail-block{font-size:12px;max-height:25%;padding:10px}.detail-blocks-title{color:#fff;font-size:24px;font-weight:700}.detail-block-experience li:hover>strong{filter:invert(0)}.exp-divider{border-right:3px solid hsla(0,20%,89%,.174);height:10px;margin-left:5px;margin-right:5px}.detail-block-experience li strong{filter:invert(.5);min-width:100px;transition:.3s}.detail-block-resume{display:flex;font-size:16px;justify-content:space-evenly;margin-top:20px}.resume-format{display:flex;flex-direction:column;row-gap:10px;text-align:center;width:50px}.resume-download-icon{filter:invert(.5);transition:.3s;width:100%}.resume-download-icon:hover{filter:none}.detail-block-socials{text-wrap:wrap;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 3fr;height:175px;justify-content:space-around;margin-top:10px;row-gap:0;width:100%}.detail-block-socials li{height:100%;width:100%}.detail-block-socials a{align-items:center;color:#fff;display:flex;height:100%;margin-bottom:10px;min-width:100%;text-decoration:none;width:90%}.detail-block-socials a:visited{color:#fff}.detail-block-socials span{font-size:.8vw;margin-left:10px;margin-right:5px;width:100%}.detail-block-socials li:hover span{border-right:2px solid #fff}.detail-block-socials li:hover .social-icon{filter:invert(1)}.detail-block-socials .social-icon{filter:invert(.5);transition:.3s;width:3vh}.blog-posts{background-color:#2c476a;overflow:hidden;padding:10px;width:100%}.blog-posts:not(:last-of-type){border-bottom:1px solid #add8e6}.blog-posts a{color:#fff;text-decoration:none}.blog-posts a:visited{color:#fff}.blog-posts-heading{align-items:center;color:#fff;column-gap:10px;display:flex;font-weight:700;padding-left:10px;width:80%}.blog-posts-details{background-color:#051370;color:#fff;font-size:14px;padding:10px;width:70%}.blog-posts-metadata{background-color:#000;color:#fff;padding-right:10px;text-align:right;width:fit-content;width:100px}@media screen and (max-width:1014px){.detail-block-socials{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr 2fr}}@media screen and (max-width:850px){.blog-posts-heading{width:60%}}@media screen and (max-width:760px){.title-1{color:#000}.title-1-underline{border:2.5px solid #eb0000}.timeline-items-0-track{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;width:100vw;z-index:2}.timeline-item-0{background-color:blue;color:#fff;height:25vh;max-width:25%;transition:1s}.timeline-items-1{height:calc(100vh - 100px);justify-content:space-evenly;padding-top:100px}.timeline-items-1-track-side{display:grid;grid-template-rows:repeat(4,25%)}.timeline-items-1-track{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,50%);z-index:2}.timeline-item-1{border-left:1px solid #add8e6;border-top:1px solid #add8e6;height:50vh;width:100%}.detail-block{max-width:100%}.detail-blocks-title{font-size:15px}.detail-blocks-text{display:flex;flex-direction:column;min-width:100%;overflow:hidden}.detail-block-socials span{display:none}.detail-block-experience li .exp-position{display:block;font-size:14px}.detail-block-skills{flex-direction:column;height:200px}.detail-block{padding:3px}.detail-block-socials{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 2fr;width:95%}.detail-block-experience li{font-size:11px}.detail-block{align-items:center}.blog-posts-heading{font-size:12px;width:90%!important}}