@font-face{font-family:Fell;src:url(/assets/Fell-DI7dgCxo.ttf)}.card{width:100%;height:100%;box-sizing:border-box;overflow:auto;padding:2rem;border-radius:1.5rem;background:linear-gradient(135deg,#30271ef5,#13110ffc);border:1px solid rgba(190,150,90,.22);box-shadow:inset 0 1px #ffebc80a,inset 0 0 25px #000c,0 8px 18px #00000080,0 18px 40px #0003;scrollbar-width:thin;scrollbar-color:rgba(190,145,80,.4) transparent;transition:border-color .6s ease,box-shadow .6s ease,background .6s ease}.card:hover{border-color:#d7af6c66;background:linear-gradient(135deg,#352b21fa,#14120ffc);box-shadow:inset 0 1px #fff0d20f,inset 0 0 28px #000000d9,0 12px 25px #00000094,0 25px 55px #0000004d,0 0 30px #aa7d410f}.card>p{margin:0;font-family:Fell;font-size:xx-large;font-weight:bolder;line-height:1.35;text-align:justify;color:#d8c8ad;text-shadow:0px 3px 3px rgba(0,0,0,.8);transition:color .4s ease,text-shadow .4s ease}.card:hover>p{color:#ead9bb;text-shadow:0px 3px 3px rgba(0,0,0,.9),0px 0px 12px rgba(205,160,95,.06)}#portrait{float:left;margin-right:1.5rem;margin-bottom:1rem;width:200px;height:auto;border-radius:.75rem;border:1px solid rgba(215,175,108,.4);box-shadow:inset 0 0 0 2px #14110ea6,inset 0 0 18px #000000a6,0 6px 14px #0009,0 15px 30px #0000004d;filter:sepia(.05) saturate(.9) brightness(.94) contrast(1.03);transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s ease,border-color .6s ease,box-shadow .6s ease}#portrait:hover{transform:translateY(-5px) scale(1.015);border-color:#d7af6ca6;filter:sepia(.02) saturate(.98) brightness(1) contrast(1.04);box-shadow:inset 0 0 0 2px #191511b3,inset 0 0 20px #000000b3,0 12px 22px #000000a6,0 22px 40px #00000059,0 0 25px #aa7d4114}span{color:#d6b77d;text-shadow:0 2px 3px rgba(0,0,0,.8),0 0 12px rgba(190,145,80,.08);transition:color .4s ease,text-shadow .4s ease}span:hover{color:#f0d6a5;text-shadow:0 2px 3px rgba(0,0,0,.9),0 0 16px rgba(215,175,108,.18)}h2{margin-top:1.5rem;margin-bottom:1rem;font-family:Fell;font-size:xx-large;font-weight:bolder;text-align:center;color:#e8d8bc;text-shadow:0px 3px 3px rgba(0,0,0,.8),0px 0px 18px rgba(194,153,91,.08);text-decoration:underline;text-decoration-color:#d2aa69a6;text-underline-offset:.12em;text-decoration-thickness:1px;transition:color .4s ease,text-shadow .4s ease}h2:hover{color:#f4e3c5;text-shadow:0px 3px 3px rgba(0,0,0,.9),0px 0px 22px rgba(210,170,105,.18)}#skills{display:flex;justify-content:center;align-items:stretch;gap:1rem;width:100%;padding-top:1.5rem}#skills>li{position:relative;width:20%;min-height:70px;padding:.75rem;display:flex;justify-content:center;align-items:center;list-style:none;text-align:center;font-family:Fell;font-size:x-large;color:#d8c8ad;background:linear-gradient(135deg,#30271ed9,#13110ff2);border:1px solid rgba(190,150,90,.2);border-radius:.9rem;box-shadow:inset 0 1px #ffebc809,inset 0 0 14px #000000b3,0 6px 14px #00000073;text-shadow:0 2px 3px rgba(0,0,0,.8);transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .5s ease,box-shadow .5s ease,background .5s ease,color .5s ease}#skills>li:hover{transform:translateY(-5px);color:#ead9bb;background:linear-gradient(135deg,#392e23f2,#15120ffa);border-color:#d7af6c66;box-shadow:inset 0 1px #fff0d20f,inset 0 0 18px #000c,0 10px 22px #0000008c,0 0 20px #aa7d4112;cursor:default}.card::-webkit-scrollbar{width:5px}.card::-webkit-scrollbar-track{background:#0000001f;border-radius:10px}.card::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#be915059,#69492473);border-radius:10px}.card::-webkit-scrollbar-thumb:hover{background:#d7aa648c}@media(max-width:768px){.card{padding:1rem;border-radius:1.25rem}.card>p{font-size:large;line-height:1.4}#portrait{float:none;display:block;margin:0 auto 1.25rem;width:150px;border-radius:.65rem}h2{font-size:large;margin-top:1.25rem}#skills{flex-direction:column;align-items:center;gap:.75rem;padding-top:1rem}#skills>li{width:80%;min-height:50px;font-size:medium;padding:.6rem;border-radius:.75rem}#skills>li:hover{transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.card,.card>p,#portrait,h2,#skills>li,span{transition:none}#portrait:hover,#skills>li:hover{transform:none}}
