body{background-color:var(--main-color)}main{width:90%;padding:calc(var(--header-height) + 2.5svh) 5% 2rem 5%}main .profile{padding-bottom:1rem}main .profile .icon{display:flex;justify-content:center;width:100%}main .profile .icon img{width:50%;height:50%;border-radius:50%}main .profileText{color:#fff}main .profileText h2{text-align:center}main .profileText p{display:block;width:90%;margin:0 5%}.skill{margin-top:2rem}.skill h5{margin:0}.skillList{display:flex;flex-wrap:wrap;gap:1rem 2%;list-style:none;margin:0;padding:0;justify-content:flex-start}.skillCard{width:30%;padding:4% 5%;margin:0 3% 0 5%;border-radius:8px;background-color:#65abd2;box-shadow:2px 2px 8px #0002}.skillCardInner{display:flex;flex-direction:column;justify-content:center;gap:.2rem}.skillLvl{display:flex;gap:.2rem}.skillLvl .star{color:#fff;font-size:1rem}@media (min-width: 680px){main .profile .icon{width:70%;margin:5% auto}main .profile .profileText h5{text-align:center}.skillList{gap:2rem 2.25%;margin:0 2%}.skillCard{display:flex;width:14%;padding:4% 2%;margin:0;justify-content:center}}