header{width:100%;height:79px;position:fixed;top:0;right:0;left:0}.header-navigation ul{list-style:none}.header-navigation h1{margin:0}.header-navigation{display:flex;flex-direction:row;justify-content:space-between;background-color:#030032;padding-left:63.74px;padding-right:63.74px;height:79px;border-bottom:#295f81 solid;border-width:thin}.header-navigation-heading-name-container{color:#fff;font-family:Outfit,sans-serif;display:flex;flex-direction:column;justify-content:center}.header-navigation-unordered-icons-list-container{display:flex;flex-direction:column;justify-content:center}.header-navigation-unordered-icons-list{display:flex;flex-direction:row;justify-content:flex-end;gap:54.85px;width:127.36px;padding:0;margin:0}.header-navigation-unordered-icons-list svg{filter:brightness(.7)}.header-navigation-unordered-icons-list:hover svg{filter:brightness(1)}@media screen and (max-width:380px){.header-navigation{padding-left:36px;padding-right:36px}.header-navigation-unordered-icons-list{gap:54.54px}}.introduction-container h2{margin:0}.introduction-container .introduction-headers-second{margin:0 0 0 135px}.introduction-container{display:flex;flex-direction:column;column-gap:223px;width:617px;margin:0 auto}.introduction-headers-container{justify-content:space-between;font-family:Outfit,sans-serif;display:flex;flex-direction:column;gap:105px;font-size:larger;color:#fff}.introduction-container-unordered-icon-links-list{padding:0;margin:223px 0 0}.introduction-container-unordered-icon-links-list li{list-style:none;cursor:pointer}.introduction-container-unordered-icon-links-list li svg{filter:brightness(.7)}.introduction-container-unordered-icon-links-list li:hover svg{filter:brightness(1)}.introduction-container-unordered-icon-links-list{display:flex;flex-direction:row;justify-content:center;gap:98.74px}@media screen and (max-width:634px){.introduction-container h2{margin:0;font-size:18px}.introduction-container .introduction-headers-second{margin-left:60.13px;height:39px;width:206px}.introduction-container{display:flex;flex-direction:column;column-gap:223px;width:220.75px;margin:0 auto}.introduction-headers-container{justify-content:space-between;font-family:Outfit,sans-serif;display:flex;flex-direction:column;gap:63px;font-size:larger;color:#fff}.introduction-container-unordered-icon-links-list{padding:0;margin:223px 0 0}.introduction-container-unordered-icon-links-list li{list-style:none}.introduction-container-unordered-icon-links-list{display:flex;flex-direction:row;justify-content:center;gap:72px}.introduction-icons{height:30px}}.page-navigation-bar{background-color:#010018}.page-navigation-bar a{text-decoration:none}.page-navigation-bar li{list-style:none}.page-navigation-bar{margin:auto;width:616px;max-height:129px;box-shadow:0 -4px 10px 4px #658bb7;border-radius:25px 25px 0 0;padding-top:30px;padding-bottom:30px;position:fixed;bottom:0;right:0;left:0}.page-navigation-bar-unordered-icons-list{padding:0;margin:auto;display:flex;gap:101px;width:505px;height:69px}.page-navigation-bar-unordered-icon-list-item{display:flex;flex-direction:column;gap:9px}.page-navigation-bar-unordered-icon-list-item-container{display:flex;flex-direction:row;justify-content:center}.page-navigation-bar-unordered-icon-list-item-descriptor{color:#6da7ff;font-family:Outfit,sans-serif;display:flex;flex-direction:column;gap:9px;margin:auto}@media screen and (max-width:634px){.page-navigation-bar a{text-decoration:none}.page-navigation-bar li{list-style:none}.page-navigation-bar{font-size:12px;padding:12px 0 11px;position:fixed;bottom:0;right:0;left:0;margin:auto;width:300px;height:69px;max-height:69px;box-shadow:0 -4px 10px 4px #658bb7;border-radius:25px 25px 0 0}.page-navigation-bar-unordered-icons-list{padding:0;margin:auto;display:flex;gap:32px;width:241px;height:44px}.page-navigation-bar-svg-icon{width:25px}}.unordered-skills-list-container{margin:auto}.unordered-skills-list{padding:0}.unordered-skills-list li{list-style:none}.unordered-skills-list{display:flex;flex-direction:row;gap:48px;justify-content:center}.unordered-skills-list-item-container{width:140px;height:115px;display:flex;justify-content:center;border:#1b2d59 solid;border-width:thin;border-radius:15px}.unordered-skills-list-item div{display:flex;flex-direction:row;justify-content:center}.unordered-skills-list-item{display:flex;flex-direction:column;gap:7.53px;color:#fff;justify-content:center}.unordered-skills-list-item-descriptor{font-family:Outfit,sans-serif;text-align:center}.unordered-skills-list-item-react-svg-container{display:flex;flex-direction:column;justify-content:center}@media screen and (max-width:1289px){.unordered-skills-list{padding:0}.unordered-skills-list li{list-style:none}.unordered-skills-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:48px;justify-content:center}.unordered-skills-list .injected-svg.unordered-skills-list-item-skill-icon{width:40px}}.page-heading-container h1{margin:0}.page-heading-container{width:fit-content;margin:0 auto 96px}.page-heading{color:#fff;font-family:Outfit,sans-serif}.projects-container ul{list-style:none;padding:0}.unordered-project-list-container{display:flex;justify-content:center}.unordered-project-list-item{max-height:584px;padding:33px 88.45px 34.13px 56px;border:#3e5cef solid;border-width:thin;border-radius:25px}.project-title{color:#fff;font-family:Outfit,sans-serif;font-size:20px;margin:0}.project-details-container{margin-left:39px}.project-description{color:#fff;font-family:Outfit,sans-serif;margin-bottom:24px;max-width:247.55px}.unordered-used-tool-list-container{margin-bottom:42px}.unordered-used-tool-list{width:350px;display:flex;gap:10.45px;flex-wrap:wrap}.unordered-used-tool-list-item{width:75.55px;height:21px;border:#196673 solid;border-width:thin;border-radius:25px;display:flex;flex-direction:column;justify-content:center;padding:6px 0}.used-tool-name-for-project{color:#fff;font-family:Outfit,sans-serif;font-size:12px;width:fit-content;margin:auto}.project-thumbnail{width:335.55px;border-radius:25px;margin-bottom:32px}.thumbnail-image,.thumbnail-image div{width:100%}.thumbnail-image div svg{width:100%;height:100%}.project-icons-unordered-list{width:fit-content;margin:auto;display:flex;gap:58.74px;padding-left:50px}.project-icons-unordered-list svg{filter:brightness(.7)}.project-icons-unordered-list li:hover{cursor:pointer}.project-icons-unordered-list li:hover svg{filter:brightness(1)}.project-github-icon-list-item{position:relative}.github-project-links-unordered-list-container a{text-decoration:none}.github-project-links-unordered-list-container{background-color:#1d134a;padding:13px 15.97px 27px 18px;position:absolute;width:167px;border-radius:5px;bottom:38px;left:30px}.github-project-links-unordered-list{display:flex;flex-direction:column;gap:29px}.github-project-links-unordered-list a{color:#fff}.github-project-link-list-item{color:#fff;border-bottom:white solid thin}@media screen and (max-width:551px){.project-container{width:169px}.project-details-container{margin-left:23px}.project-title{color:#fff;font-family:Outfit,sans-serif;font-size:16px;margin:0}.project-description{color:#fff;font-family:Outfit,sans-serif;font-size:12px;margin-bottom:24px}.project-thumbnail{width:146px}.thumbnail-image,.thumbnail-image div{width:100%}.thumbnail-image div svg{width:100%;zoom:140%}.unordered-project-list-item{padding:31px 51px 66px 28px;border:#3e5cef solid;border-radius:25px}.unordered-used-tool-list{width:138px;display:flex;gap:14px;flex-wrap:wrap}.unordered-used-tool-list-item{width:60px;height:21px;border:#196673 solid;border-width:thin;border-radius:25px;display:flex;flex-direction:column;justify-content:center;padding:6px 0}.used-tool-name-for-project{color:#fff;font-family:Outfit,sans-serif;font-size:10px;width:fit-content;margin:auto}.project-unordered-icons-list-container{padding-left:0}.project-icons-unordered-list{display:flex;gap:36.34px}.project-icon{height:25px;width:24.66px}.github-project-links-unordered-list-container{background-color:#1d134a;padding:13px 15.97px 27px 18px;position:absolute;width:100px;border-radius:5px;bottom:38px;left:9px}.github-project-links-unordered-list-container a{color:#fff}}.project-description-container{background-color:#030032;width:1037px;height:90vh;overflow-y:scroll;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:23px 65px 76px 70px;box-sizing:border-box;border-radius:5px;color:#fff}.project-description-container li{list-style:none}.project-description-container .project-description-navigation{display:flex;justify-content:flex-end;margin-bottom:14.23px}.project-description-container .project-description-exit-button{width:fit-content;height:fit-content}.project-description-container .project-description-exit-button div{width:50px;height:45px}.project-description-container .project-description-main-header-paragraph-container{margin-bottom:121px}.project-description-container .project-description-main-header{padding:0 108px 13px;border-bottom:solid #74acff thin;width:fit-content;margin:0 auto 54px;text-align:center}.project-description-container .project-description-main-paragraph{width:596px;margin:0 auto}.project-description-container .project-description-sub-header-paragraph-undordered-list{display:flex;flex-direction:column;gap:226px}.project-description-container .project-description-sub-header{padding:0 72px 10px 0;border-bottom:solid #74acff thin;width:fit-content}.project-description-container .project-description-sub-paragraph{max-width:815px}.dim-container{filter:blur(4px)}@media screen and (max-width:1042px){.project-description-container{background-color:#030032;width:250px;height:90vh;overflow-y:scroll;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:15px 21px 30px 31px;box-sizing:border-box;border-radius:5px;color:#fff}.project-description-container li{list-style:none}.project-description-container .project-description-navigation{display:flex;justify-content:flex-end;margin-bottom:14.23px}.project-description-container .project-description-exit-button{width:40px;height:40px}.project-description-container .project-description-exit-button svg{width:40px;height:40px}.project-description-container .project-description-exit-button div{width:40px;height:40px}.project-description-container .project-description-main-header-paragraph-container{margin-bottom:121px}.project-description-container .project-description-main-header{padding:0 20px 16px;border-bottom:solid #74acff thin;width:fit-content;margin:0 auto 54px;text-align:center;font-size:29px}.project-description-container .project-description-main-paragraph{width:196px;margin:0 auto}.project-description-container .project-description-sub-header-paragraph-undordered-list{display:flex;flex-direction:column;gap:226px;padding:0}.project-description-container .project-description-sub-header{padding:0 72px 10px 0;border-bottom:solid #74acff thin;width:fit-content;font-size:20px}.project-description-container .project-description-sub-paragraph{max-width:196px}}.contact-links-container ul{list-style-type:none;padding:0;margin:0}.contact-links-container{width:663px;margin:auto;padding:85px 105px 91.3px 86px;border:thin solid;border-color:#596fb8;border-radius:20px;box-shadow:0 7px 16px .5px #bbbbbe}.contact-links-unordered-list{display:flex;flex-direction:column;gap:59.65px}.contact-links-unordered-list-item-container{display:flex;gap:94.74px}.contact-link{font-family:Outfit,sans-serif;color:#fff;display:flex;flex-direction:column;justify-content:center;text-decoration:none}.contact-link:hover{color:#00f;cursor:pointer}.contact-icon,.contact-icon div{height:45px;width:45px}.contact-icon div svg{height:45px;width:45px}body{background-color:#010018;opacity:.98;margin:0;font-family:Outfit,sans-serif}main{padding-top:167px;margin-bottom:20vh}.body-disable-scroll{background-color:#010018;opacity:.98;margin:0;overflow:hidden}