.navbar{display:flex;margin:10px;color:#fff;text-align:center;font-size:16px}.navbar img{width:48px;height:31px;margin-top:auto;margin-bottom:auto;transition:transform .25s ease-in-out}.navbar img:hover{transform:rotate(180deg);height:41px}.navbar .navButton{color:inherit;text-decoration:none;background-color:transparent;border-color:transparent;font-size:16px}.navbar ul{display:flex;margin:auto;list-style-type:none;padding:0}.navbar li{padding:10px;height:100%;width:65px}.navbar li:hover{color:#c6426e}.navbar .socials,.navbar .menu{margin-left:5px;border:0px;background-color:#2f3034;border-radius:50%;width:48px;height:48px}.navbar .menu{margin-left:auto}.navbar .socials:hover,.navbar .menu:hover{background-color:#c6426e}.navbar .socials img,.navbar .menu img{color:#fff;width:23px;height:23px}.Button{color:#ebebeb;background:linear-gradient(90deg,#2f3034,#424349);margin-top:10px;width:172px;height:50px;font-size:16px;border-style:none;border-radius:10px}.Button:hover{background:#2f3034}@keyframes gradientAnim{0%{background-position:0% 0%}50%{background-position:100% 0%}to{background-position:0% 100%}}.title{margin-top:5px;margin-bottom:0;font-size:clamp(25px,5vw,40px)}.title p.gradientColor{margin:0;padding:0;background:linear-gradient(45deg,#4568dc,#b06ab3);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientAnim 5s linear infinite}.description{margin-top:0}.wavingHand{color:#ffdd5d;font-size:3em;padding:0}.page{height:100vh;max-height:100%;display:flex;flex-direction:column}.pageBodyDiv{color:#ebebeb;display:flex;flex-direction:column;overflow:hidden;font-size:16px}.pageTitle{padding-left:15px;text-align:center;font-weight:300}.center{align-self:center;margin:0;padding:10px;display:flex;flex-direction:column;justify-content:center}.center.centerElements{justify-content:center;text-align:center;align-items:center}.end{align-self:center;padding-top:auto;display:flex;flex-direction:column;justify-content:center}.end p{color:#727272}.end .icon{text-align:center;color:#757575;align-self:center;font-size:20px;margin-bottom:10px}.Cards{border:1px solid #2F3034;border-radius:10px;position:relative;flex:1 1 25%;margin:10px;height:clamp(0px,fit-content,250px);width:clamp(1em,30vw,600px);padding-right:10px;padding-left:10px;text-align:center}.Cards h2{font-weight:300;margin-bottom:1px}.Cards .label{margin-top:0;font-size:12px}@media (max-width: 700px){.Cards{flex:1 1 30%;text-align:center}}@media (max-width: 500px){.Cards{flex:1 1 100%;text-align:center}}.IconButton{margin:5px;background-color:transparent;border:0px;border-radius:50%;border:1px solid #2F3034;width:6em;height:6em}.IconButton:hover{background-color:#2f3034}.cardDiv{display:flex;flex-direction:row;flex-wrap:wrap;width:90%;align-self:center}.dottedA{color:inherit;border-bottom:1px dotted #2c2c2c;text-decoration:none}.sectionTitle{text-align:left;margin-bottom:0}.aboutMe{padding-left:15px;text-align:left}.list{padding:10px 10px 0}.liDesc{padding-left:15px}.langDiv{justify-content:space-evenly;flex:0 0 100%;display:flex;flex-direction:row;flex-wrap:wrap}html,body{margin:0;height:100%;background-color:#0c0c0c;font-family:Roboto,sans-serif;scrollbar-width:thin;scrollbar-color:#2F3034 #0C0C0C}