body{background-color:#000;margin:0;padding:0;color:#fff;font-family:DM Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;overflow-x:hidden}.blackWhite{filter:grayscale(1)}#main{position:relative;z-index:0}.light{background-color:#fff;color:#000}.light .singleSkill{color:#0f0f0f;border:1px solid #0f0f0f;background-color:#ebebeb}.light .project-details{color:#000;background-color:#f1f1f1}.light #avatar img{background-color:#000!important}.light .project-image{border-bottom:1px solid}.light .single-project{background-color:#fff}.light .more-projects-btn a{color:#000;background-color:transparent;border:1px solid #000000}h2{font-family:"Source Sans 3",sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;text-transform:uppercase}.App{text-align:center}@keyframes react{0%{transform:matrix(-.9912608861923218,.13191595673561096,-.13191595673561096,-.9912608861923218,467.6633605957031,250.3909912109375) translateY(0)}60%{transform:matrix(-.9912608861923218,.13191595673561096,-.13191595673561096,-.9912608861923218,467.6633605957031,250.3909912109375) translateY(30px)}to{transform:matrix(-.9912608861923218,.13191595673561096,-.13191595673561096,-.9912608861923218,467.6633605957031,250.3909912109375) translateY(0)}}@keyframes floatAnimation{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes float{0%{transform:matrix(1,0,0,1,813.094,431.273) translateY(0)}40%{transform:matrix(1,0,0,1,813.094,431.273) translateY(20px)}to{transform:matrix(1,0,0,1,813.094,431.273) translateY(0)}}#experience{padding-top:50px;margin-top:100px;display:flex;align-items:center;justify-content:center;z-index:1;position:relative}.floating{animation:floatAnimation 3s ease-in-out infinite}.dif-floating{animation:float 3s ease-in-out infinite}.react-floating{animation:react 3s ease-in-out infinite}.dot{background-color:#cbd5e1;border-radius:40px;width:8px;height:8px;display:inline-block;margin:0 10px}.company-wrap{border:1px solid #1e293b;padding:30px;width:100%}.company-wrap h3{font-weight:800}.experience-wrap{height:500px}.company-wrap h4{font-size:1.2em}#menu{padding-top:10px;background-color:transparent;position:fixed;width:100vw;z-index:9;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:600;text-transform:uppercase;font-style:normal;letter-spacing:2px;padding-bottom:15px}.menu{display:flex;justify-content:space-between;align-items:center;font-size:1.3rem}.menu-links{width:77%;display:flex;justify-content:space-between;align-items:center}.menu a{text-decoration:none;color:#fff;transition:all .3s}.menu a:hover{text-decoration:underline}.socials svg{fill:#fff;width:20px;height:20px;margin-right:20px}#dot{cursor:pointer}.accessibility-menu{width:300px;height:200px;background-color:#0f0f0f;left:-156px;top:48px;font-size:10px;padding:20px}.light .accessibility-menu{color:#fff}.accessibility-wrap a{cursor:pointer}.light .dot{background-color:#0f0f0f}.light #menu{color:#0f0f0f}.light .menu a,.light .menu button{color:#0f0f0f;stroke:#0f0f0f}.accessibility-button{background-color:transparent;border:none;cursor:pointer;padding:0}@media only screen and (min-width: 1700px){#about{display:flex;min-height:100vh;justify-content:center;align-items:center}}@media only screen and (max-width: 770px){.menu-links{display:none}.menu{justify-content:center}#avatar{margin-bottom:40px}}@media only screen and (max-width: 640px){#avatar{height:300px;margin-bottom:40px}.about-content{width:100%;font-size:26px}#skills{margin-top:150px;padding-top:50px}}@media only screen and (max-width: 430px){.company-wrap{margin-bottom:30px}.experience-wrap{margin-top:50px}.about-content{font-size:22px}.about-content p{text-align:center}#projects{margin-top:200px}#skills{height:auto}.skills-wrap{gap:1rem}.tech-stack{overflow-x:scroll}.project-links{top:45%;left:37%}}.socials-wrap{display:flex;justify-content:center;align-items:center;margin:10px 0}.socials-wrap svg{fill:#fff;width:20px;height:20px;margin-right:20px}.light .socials-wrap svg{fill:#000}