#Main{position:relative;height:650px;width:100%;display:flex;justify-content:center;align-items:center;text-align:center}.MainPattern{position:relative;z-index:2}.pattern{width:270px;height:270px}.TextAnimation,.MainDots{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.MainTextImage{position:relative;animation:spin 10s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scrollArrowContainer{position:absolute;left:50%;transform:translate(-50%);bottom:0}.scrollArrow{width:60px;height:60px;border-radius:50%;position:relative;animation:down 1.5s infinite;-webkit-animation:down 1.5s infinite}.scrollArrow p{margin-right:5px;font-family:Comfortaa;color:#e5e7eb}.scrollArrow:before{content:"";position:absolute;top:15px;left:18px;width:18px;height:18px;border-left:2px solid #e5e7eb;border-bottom:2px solid #e5e7eb;transform:rotate(-45deg)}@keyframes down{0%{transform:translate(0)}20%{transform:translateY(15px)}40%{transform:translate(0)}}@-webkit-keyframes down{0%{transform:translate(0)}20%{transform:translateY(15px)}40%{transform:translate(0)}}#About{position:relative;font-family:Comfortaa;display:inline-block;text-align:center;justify-content:center;align-items:center;color:#e5e7eb;width:100%;height:200px}#About i{font-style:normal;color:#fec900}.Details{margin:auto;padding:10px;font-size:larger}@media only screen and (min-width: 800px){.Details{width:650px}}.ProjectsContainer{position:relative;margin-top:200px}.ProjectsTitle{font-family:Comfortaa;font-size:xx-large;color:#e5e7eb}.CardsContainer{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px}.card{width:350px;height:250px;position:relative;margin:auto;padding:20px;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center}.card a{text-decoration:none;color:#fff}.card:hover{scale:1.1}.cardText{position:absolute;left:10px;bottom:50px;font-family:Comfortaa}.cardText h2{position:absolute;left:20px;text-align:left;width:150px;bottom:15px;font-size:16px}.CardTextTechs{position:absolute;left:20px;bottom:5px;width:300px;text-align:left;font-size:14px}.CardTextTitle{margin-bottom:50px}.background{fill:linear-gradient(90deg,#5936B4 0%,#362A84 100%);position:relative;inset:0;z-index:-1}.card:hover .CardPathSvg{fill:#f32c7d}.LinkToGithubProjects{position:absolute;width:100px;height:30px}.MoreButton{width:100px;height:30px;background-color:#fec900;margin:auto;border-radius:20px;display:flex;justify-content:center;align-items:center;left:50%;transform:translate(-50%)}.MoreButton:hover{background-color:#43bbd3}.MoreInGithubYellow{display:none;opacity:0}.MoreButton:hover .MoreInGithubYellow{display:block;opacity:1}.MoreButton:hover .MoreInGithub{display:none;opacity:0}.MoreInGithub,.MoreInGithubYellow{height:25px;width:25px}.cardImage{position:absolute;right:40px;top:40px}.cardImage img{width:150px;height:150px}@media only screen and (max-width: 1200px){.CardsContainer{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width: 780px){.CardsContainer{grid-template-columns:1fr}.cardImage img{width:150px;height:150px}}@media only screen and (max-width: 380px){.card{align-items:left;justify-content:left;margin:0;padding:10px}}.IeeeParent{margin-top:200px;font-family:Comfortaa}.IeeeParent h1{color:#e5e7eb}.IeeeParent h2{font-weight:400;color:#e5e7eb}.IeeeDate{color:#fec900;margin-top:-25px}.IeeeContainer{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px}.IeeeInfo{width:300px;position:relative;margin:auto}.IeeeInfo:after{content:"";position:absolute;width:181px;background-image:url(/images/IeeeLine.svg);height:36px;right:20px;bottom:-5px;z-index:-1}@media only screen and (max-width: 780px){.IeeeContainer{grid-template-columns:1fr}.IeeeSecond{margin-top:40px}}.Footer{margin-top:100px;position:relative;text-align:center;font-family:Comfortaa}.Break{position:absolute;height:1px;width:80%;left:10%;top:0;background-color:#334155}.FooterContainer{padding-top:50px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;margin-bottom:20px}.FooterText{width:450px;margin:auto}.FooterText h1{font-size:x-large;color:#e5e7eb}.FooterLinks{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);grid-column-gap:0px;grid-row-gap:0px}.FooterLinks a{margin:5px auto;width:35px;height:35px}.SocialMediaIcons{width:35px;height:35px}.SocialMediaIcons:hover{scale:1.1}.Footer p{margin-top:50px;color:#e5e7eb}@media only screen and (max-width: 650px){.FooterText{width:350px}.FooterContainer{grid-template-columns:1fr}.FooterLinks{display:flex;margin:auto}.FooterLinks a{margin:10px}}@media only screen and (max-width: 350px){.FooterText{width:300px}}.Education{font-family:Comfortaa,cursive;margin-top:100px}.EducationCard{position:relative;display:grid;max-width:620px;grid-template-columns:.5fr 1fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;margin:auto}.EducationCard:hover{scale:1.1}.EducationCircleContainer{display:flex;justify-content:right;align-items:right;text-align:right;padding-right:15px}.EducationRightSection{position:relative;text-align:left;padding-left:15px;padding-right:10px}.EducationDate{margin-top:3px;margin-right:-10px;color:#43bbd3}.EducationRightSection h2{font-size:20px;font-weight:400;color:#e5e7eb}.EducationRightSection h3{font-size:16px;font-weight:400;color:#9ca3af;margin-top:-15px}.EducationRightSection p{font-size:16px;font-weight:400;max-width:350px;color:#d1d5db}.Experience{font-family:Comfortaa,cursive;margin-top:100px}.ExperienceCard{position:relative;display:grid;max-width:620px;grid-template-columns:.5fr 1fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;margin:auto}.ExperienceCard:hover{scale:1.1}.ExperienceCircleContainer{display:flex;justify-content:right;align-items:right;text-align:right;padding-right:15px}.ExperienceRightSection{position:relative;text-align:left;padding-left:15px;padding-right:10px}.ExperienceDate{margin-top:3px;margin-right:-10px;color:#fec900}.ExperienceRightSection h2{font-size:20px;font-weight:400;color:#e5e7eb}.ExperienceRightSection h3{font-size:16px;font-weight:400;color:#9ca3af;margin-top:-15px}.ExperienceRightSection p{font-size:16px;font-weight:400;max-width:350px;color:#d1d5db}