@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";header{color:#f1f1f1;font-family:Montserrat,sans-serif;background-color:#1f1d35;height:4rem;width:100%;align-items:center;display:inline-flex;justify-content:space-between}.title{font-size:20px}.name__easteregg{position:relative;bottom:17px;left:13px;font-size:12px;visibility:hidden;transition:all ease-in-out 1s;cursor:pointer;color:gold}header:hover .name__easteregg{visibility:visible}.routes__item{margin-right:2rem;font-weight:500;display:inline-block;position:relative;font-size:17px;cursor:pointer}.routes__item:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:3px;background-color:tomato;transition:width .3s}.routes__item:hover:after{width:100%}.social{display:flex;justify-content:center;gap:10px}.social__link{position:relative;color:#fff;text-decoration:none;font-size:24px;font-weight:700;overflow:hidden;border-radius:5px;transition:color .3s;margin-right:1rem;cursor:pointer}.social__link:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:tomato;transform:translate(-100%);transition:transform .3s}.social__link:hover:before{transform:translate(0)}.social__link:hover{color:tomato}@media only screen and (max-width: 600px){.routes{display:none}}.skills__section{display:flex;flex-direction:column;align-items:center;padding-top:2rem;height:90vh;color:#f1f1f1;font-family:Montserrat,sans-serif}.skills__title{font-size:28px}.skills__cards{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.skill_card{display:flex;flex-direction:column;align-items:center;padding:10px;gap:10px;text-align:center;background-color:#1f1d35;width:18rem;height:22rem;border-radius:10px;border:2px solid #ff634754;margin-top:2rem}.skill_icon{margin-top:1rem;font-size:50px;color:tomato}.skill_footer{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.skill_tag{font-size:12px;color:#f1f1f186}.skill_readmore{width:80%;height:3rem;display:flex;justify-content:center;align-items:center;background-color:tomato;color:#f1f1f1;text-decoration:none;border-radius:4px;transition:all .11s;margin-bottom:16px}.skill_readmore:hover{transform:scale(1.02)}.skill_name{font-size:20px;font-weight:700}.skill_description{padding:15px;color:#f1f1f1c9}@media only screen and (max-width: 600px){.skill_card{width:auto;max-width:15rem}.skill_icon{display:none}.skills__title{font-size:20px}}*{margin:0;gap:0}body{background-color:#18122a}