@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;font-family:Roboto,"sans-serif"}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#000;border-radius:10px}.main-page{display:block;margin-left:280px}.main-page.dark{color:#fff;background-color:#000}#fullstacktext{font-size:30px;font-weight:300;white-space:nowrap;overflow:hidden;width:0;animation:typing 2s steps(40) forwards,blink .4s step-end infinite alternate}@keyframes typing{0%{width:0}to{width:20ch}}@keyframes blink{0%{border-color:transparent}to{border-color:#000}}section{padding:48px 48px 0}.name-pic-container{display:flex;justify-content:space-around}.name-paragraph-wrapper{display:block;flex-basis:50%}.image-wrapper{flex-basis:40%;padding:20px}.image-wrapper img{border-radius:4px;height:280px;width:360px;object-fit:cover}.name-paragraph-wrapper h2{font-size:48px;padding:20px 0}.name-paragraph-wrapper p{font-size:16px;padding-bottom:20px;font-weight:300;line-height:25px}.blue_btns{background-color:#172447;border:none;padding:6px 10px;border-radius:4px;font-size:20px;cursor:pointer;color:#fff}.blue_btns.dark{background-color:#1f3980}.what_i_do{font-size:30px;background-color:#f7f7f7;border-left:6px solid #172447;padding-left:12px}.what_i_do.dark{border-left:6px solid #424242;color:#fff;padding-left:12px;background-color:#000}#about_work{font-size:14px;font-weight:300;padding-top:20px;word-spacing:2px}.skills-container{padding:40px 0}.card{margin-left:20px;margin-top:20px;display:inline-block;background-color:#ebebeb;-webkit-user-select:none;user-select:none;cursor:default;padding:8px;width:200px;border-radius:4px}.card.dark{background-color:#000;color:#d8d8d8;border:1px solid #424242}.card img{height:30px;width:30px;padding:4px}#skill_name{font-size:17px;font-weight:500;padding-left:6px}#skill_speciality{font-size:14px;font-weight:300;padding:6px}.projects-card-container{padding-top:30px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,500px);justify-content:center}.project{display:flex;position:relative;cursor:pointer}.project.dark{border:1px solid #424242}.view-project-btn{display:flex;opacity:0;position:absolute;height:100%;width:100%;background-color:#00000069;justify-content:center;align-items:center}.view-project-btn button{padding:12px;font-size:20px}.project:hover .view-project-btn{opacity:1;transition:.6s}.project img{flex-basis:50%;width:200px}.project-heading-paragraph-wrapper{flex-basis:60%}.project-heading-paragraph-wrapper h2{font-size:24px;font-weight:400;padding-left:20px;padding-top:12px}.project-heading-paragraph-wrapper p{font-size:13px;font-weight:300;line-height:20px;padding:12px 12px 12px 20px}.social-links{padding:20px;display:flex;justify-content:center;gap:20px}.social-links img{width:30px;cursor:pointer}@media (max-width: 654px){.name-pic-container{flex-wrap:wrap}.project-heading-paragraph-wrapper{flex-basis:100%}}@media (max-width: 317px){.name-paragraph-wrapper h2{font-size:36px}.name-paragraph-wrapper p{font-size:16px}.main-page{margin-left:0}section{padding:8px}.name-pic-container{flex-wrap:wrap}section{padding:16px 4px}.image-wrapper{height:auto;width:80vw;padding:0}.image-wrapper img{width:100%;height:100%;object-fit:cover}.projects-card-container{grid-template-columns:repeat(1,90vw)}}@media (max-width: 592px){.project{flex-wrap:wrap}.project img{flex:100%}.name-paragraph-wrapper{display:block;flex-basis:100%}.image-wrapper{flex-basis:100%;padding:16px 4px}.card{width:80%}.projects-card-container{grid-template-columns:repeat(auto-fit,80%)}}@media (min-width: 316px) and (max-width: 985px){.main-page{margin-left:0}section{padding:16px}.image-wrapper{display:flex;justify-content:center;align-items:center;padding:20px 0}.skills-container{display:flex;flex-wrap:wrap}}@media (min-width: 316px) and (max-width: 1181px){.image-wrapper img{height:200px;width:280px}.name-paragraph-wrapper h2{font-size:36px}.name-paragraph-wrapper p{font-size:16px}}@media (min-width: 592px) and (max-width: 1286px){.project{flex-wrap:wrap}.project-heading-paragraph-wrapper{flex-basis:100%}.project img{flex-basis:100%;width:100%;display:block;margin:auto;height:50%}.projects-card-container{grid-template-columns:repeat(auto-fit,45%)}}.sidebar-container{display:flex;flex-direction:column;width:280px;background-color:#172447;height:100vh;color:#fff;align-items:center;padding:12px 0;text-align:center;position:fixed;top:0;left:0;z-index:10;overflow:hidden;box-sizing:border-box}.sidebar-container.show{height:100vh}.sidebar-container.dark{background-color:#000;border-right:1px solid #424242}.top-bar{position:relative;width:100%;background-color:#172447;display:flex}.top-bar .dark-mode-image{background-color:#fff;border-radius:50%;border:none}.top-bar.dark .dark-mode-image{border:none;background-color:#202020}.top-bar.dark{background-color:#202020;border-bottom:1px solid #424242}.name-menu-wrapper{display:flex;align-items:center;width:100%;padding:12px}.name-menu-wrapper h2{color:#fff;text-align:center;width:100%;font-size:28px;padding-right:20px}.menu_image{cursor:pointer;width:30px;height:30px;padding:4px;border:2px solid white;border-radius:4px}.menu_image.dark{border-color:#424242}#name-heading{display:none;padding:20px 0}.sidebar-container img{border-radius:50%;width:120px;height:120px;object-fit:cover;cursor:pointer;margin:20px 0}.sidebar-container p{font-weight:300;font-size:16px;line-height:25px}.social-links-container{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:20px;border-bottom:2px solid white;width:80%}.social-links-container.dark{border-bottom:2px solid #424242}.social-links-container img{width:30px;height:30px}.dark-mode-btn-container{padding-top:50px}.dark-mode-image{cursor:pointer;width:10px;height:10px;background-color:#fff;padding:4px}.dark-mode-image.dark{background-color:#000}img,a,div{-webkit-tap-highlight-color:transparent}@media (min-width: 986px){.top-bar{display:none}#name-heading{display:block}}@media (max-width: 985px){.sidebar-container{height:0vh;width:100%;padding:0;position:relative;transition:1s}.sidebar-container p{padding:10px 40px}.dark-mode-btn-container{display:none}}.project-details-container{margin-left:280px}.project-details-container.dark{color:#fff;background-color:#000}.project-heading-paragraph-container{max-width:80%;text-align:center;margin:auto}.project-heading-paragraph-container h1{font-size:40px}.project-heading-paragraph-container p{font-size:18px;line-height:25px;margin-top:10px;color:#3a3a3a;font-weight:400}.project-overview-container h1{font-size:30px;padding:12px 0}.project-details-container button{margin:20px 0}.project-overview-container p{font-size:18px;padding:12px 0;line-height:25px;font-weight:300}.project-overview-container ul li{padding-left:4px;list-style:none}#back_arrow_btn{width:45px;height:45px;cursor:pointer}@media (max-width: 985px){.project-details-container{margin-left:0}}