.skill-card{width:195px;height:285px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;transition:.2s ease-in-out;max-width:350px;background-color:#07102d;background:linear-gradient(to top right,rgb(7 16 45),rgb(58 60 84));background:-webkit-linear-gradient(to top right,rgb(7 16 45),rgb(58 60 84));padding:20px;border:1px solid rgb(84 90 106)}.img{max-height:285px;max-width:195px;height:auto;width:auto;position:absolute;transition:.2s ease-in-out;z-index:1}.textBox{opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;transition:.2s ease-in-out;z-index:2}.textBox>.text{font-weight:700}.textBox>.head{font-size:20px}.textBox>.description{font-size:17px;font-weight:400;text-align:center}.textBox>span{font-size:14px;color:#d3d3d3}.skill-card:hover>.textBox{opacity:1}.skill-card:hover>.img{filter:blur(7px);animation:anim 3s infinite}@keyframes anim{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.skill-card:hover{transform:scale(1.04) rotate(-1deg)}.card{max-width:350px;background-color:#07102d;background:linear-gradient(to top right,rgb(7 16 45),rgb(58 60 84));background:-webkit-linear-gradient(to top right,rgb(7 16 45),rgb(58 60 84));display:flex;flex-direction:column;padding:20px;border-radius:20px;border:1px solid rgb(84 90 106)}.small-text,.title,.desc{font-weight:600}.title,.desc{margin:8px 0}.small-text{color:#488aec;font-size:14px}.title{color:#fff;font-size:26px;line-height:26px}.techs{color:#fff;font-family:Inconsolata;font-size:13px}.desc{color:#9799a7;font-size:15px;flex-grow:1}.buttons{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.button{display:flex;align-items:center;justify-content:space-between;border-radius:10px;padding:6px;text-decoration:none}.button:first-child{box-shadow:0 4px 6px -1px #488aec31,0 2px 4px -1px #488aec17;background-color:#488aec}.button:last-child{box-shadow:0 4px 6px -1px #0b162531,0 2px 4px -1px #0e192b17;background-color:#fff}.icon{height:25px;width:25px}.icon svg{width:100%;height:100%}.icon svg:last-child{fill:#000}.button-text{display:flex;flex-direction:column;margin-left:8px}.button-text span:first-child{font-size:12px;font-weight:600}.google span:first-child{color:#dbcefd}.apple span:first-child{color:#51576c}.google span:last-child{color:#fff;font-weight:800}.apple span:last-child{color:#000;font-weight:800}:root{--primary-color: #0E3D66;--secondary-color: #7C8504;--accent-color: #F5362C}*{box-sizing:border-box;margin:0;font-family:Dosis,Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}html,body{background-color:#252525}#root{min-height:100vh;display:flex;flex-direction:column}