body{color:#000;background:#fff;margin:0;padding:0;font-family:Quicksand;animation:2s linear nameFade}html,#root,body,#app,#app>div{scroll-behavior:smooth;width:100%;height:100%}@keyframes bgFadeWhite{0%{background-color:#000}to{background-color:#fff}}@keyframes bgFadeBlack{0%{background-color:#fff}to{background-color:#000}}p{font-size:20px}#aboutMeContainer{color:#fff;flex-direction:column;margin:40px;padding:0 80px 80px;display:flex}#aboutMeText{color:#000;width:fit-content;display:block}#aboutImgContainer{margin:auto}#aboutImg{border:5px solid #000;border-radius:50%}@keyframes nameFadeIn{0%{color:#fff}to{color:#000}}@keyframes nameFadeOut{0%{color:#000}to{color:#fff}}@media (width<=550px){#aboutMeText{font-size:50px}#aboutImg{width:500px}#desc{font-size:30px}#aboutMeContainer{padding:0}}.skillsTitle{color:#000;stroke:2px solid red;margin:0 auto;font-size:30px;font-weight:700}.skillContainer{text-align:center}.carousel{width:50%;margin:100px auto;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.group{color:#000;justify-content:center;align-items:center;gap:1em;padding-right:1em;animation:120s linear infinite carousel;display:flex}.card{flex:0 0 5em;padding-left:1em;padding-right:1em}#allSkills{margin:auto}@keyframes carousel{0%{translate:0}to{translate:-100%}}@keyframes nameFadeWhite{0%{color:#000}to{color:#fff}}@media (width<=550px){#allSkills{flex-direction:column;justify-content:center;width:670px;margin:auto;font-size:20px;display:flex}.skillsTitle{color:#000;margin:0 auto;font-size:50px;font-weight:700}.carousel{width:100%;margin:100px auto;display:flex;overflow-x:auto}}#projects{color:#000;flex-direction:column;gap:20px;margin:40px;padding:0 80px 80px;display:flex}#minikino{background:linear-gradient(#f3e5ab 0%,#bacf8c 100%)}#scl{background:linear-gradient(#fff 0%,pink 74%)}#webstore{background:linear-gradient(#f2c202 0%,#c78100 100%)}.projectContainer{text-align:center;border:3px solid #000;width:fit-content;margin:auto;display:flex;position:relative}.projectText{text-align:center;flex-direction:column;width:500px;margin:auto;padding:30px;display:flex}.imgContainer{justify-content:center;align-items:center;height:300px;margin:auto;padding:20px;display:flex}.showcase{flex-direction:column;gap:10px;display:flex}.projectContainer>ul{list-style-type:none}p{font-weight:400}.linkBtn{cursor:pointer;background-color:#fff;border:3px solid #000;border-radius:10px;width:fit-content;margin:auto;padding:5px;font-size:20px;font-weight:700;transition:all .2s linear;position:relative;bottom:0}.linkBtn:hover{background-color:#ffffff5e;transition:all .2s linear;bottom:5px}a{color:#000;text-decoration:none}#title{color:#000;text-align:center;font-size:32px;font-weight:700}@keyframes slideIn{0%{position:relative;left:-100%}60%{position:relative;left:50px}90%{position:relative;left:-10px}to{position:relative;left:0}}@keyframes slideOut{0%{position:relative;left:0}to{position:relative;left:-100%}}@media (width<=1000px){#projects{color:#000;flex-direction:column;padding:0;display:flex}#title{width:600px;font-size:50px}.imgContainer{justify-content:center;align-items:center;margin:auto;padding-top:60px;padding-bottom:0;display:flex}.projectTitle{width:400px}.projectContainer{text-align:center;border:3px solid #000;flex-direction:column;margin-bottom:20px;display:flex}.projectText{text-align:center;flex-direction:column;margin-bottom:20px;padding:0 30px 30px;font-size:25px;display:flex}.linkBtnImg{width:50px}p{font-size:30px}@keyframes slideIn{0%{position:relative;left:-200%}60%{position:relative;left:10px}60%{position:relative;left:25px}to{position:relative;left:15px}}@keyframes slideOut{0%{position:relative;left:0}to{position:relative;left:-200%}}.linkBtn{cursor:pointer;background-color:#fff;border:3px solid #000;border-radius:10px;width:fit-content;margin:auto;padding:5px;font-size:60px;font-weight:700;transition:all .2s linear;position:relative;bottom:0}}#contactContainer{flex-direction:column;justify-content:center;gap:20px;width:fit-content;padding:10px 60px 60px;display:flex}.contact{gap:10px;display:flex}.contactItem{background-color:#fff;width:fit-content;transition:all .2s linear;position:relative;bottom:0}#emailContainer{display:flex}#emailTxt{height:fit-content;margin:auto 20px auto 0;padding:5px;font-size:20px}#email{background-color:#fff;transition:all .2s linear;position:relative;bottom:0}#email:hover,.contactItem:hover{bottom:5px}#contactTitle{padding-left:60px}#upContainer{text-align:center;flex-direction:column;width:fit-content;margin:auto;padding:30px 30px 50px;animation:1s infinite updown;display:flex;position:relative;top:0}@keyframes updown{0%{top:10px}50%{top:0}to{top:10px}}@media (width<=550px){#upContainer{text-align:center;flex-direction:column;width:600px;margin:auto;padding:30px 30px 50px;animation:1s infinite updown;display:flex;position:relative;top:0}#contactTitle{width:600px;padding-left:60px}}#containerTitle{text-align:left;flex-direction:column;width:fit-content;height:80vh;margin-top:10vw;margin-bottom:10vh;padding:0 0 0 60px;font-size:60px;display:flex;position:relative}#name,#desc{width:fit-content;margin:0;font-weight:400}#name{font-weight:700}.cardBtnContainer{gap:40px;display:flex}.cardBtn{color:#fff;cursor:pointer;background-color:#000;border-radius:20px;padding:10px;font-size:20px;font-weight:700;transition:all .2s linear;position:relative;bottom:0}.cardBtn:hover{bottom:5px}