body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:linear-gradient(135deg,#0b0d0f,#17191f);color:#fff;font-family:Arial,sans-serif;margin:0;padding:0}.App,body{text-align:center}.card-modal{align-items:center;animation:opacityCard .3s ease 0s 1 forwards;background-color:#000c;cursor:default;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.card-modal-content{background-color:#141720;border-radius:10px;box-shadow:0 0 10px #00000080;gap:16px;max-height:90vh;overflow:auto;padding:24px;width:min(90vw,920px)}.card-modal-container,.card-modal-content{align-items:center;display:flex;flex-direction:column}.card-modal-container{box-sizing:border-box;height:100%;justify-content:center;overflow-y:auto;padding:20px;width:100%}.card-modal-title{color:#fff;font-size:2rem;font-weight:700;margin:0;position:relative;text-align:center}.slideshow-container{align-items:center;aspect-ratio:16/9;background:#0d0f16;border-radius:10px;display:flex;justify-content:center;overflow:hidden;position:relative;width:clamp(360px,45vw,640px);z-index:1}.card-modal-image{display:block;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;width:100%}.card-modal-image img{border-radius:10px;display:block;height:auto;margin:0 auto;max-width:100%;width:auto}.slideshow-dots{bottom:12px;display:flex;gap:10px;left:50%;margin:0;pointer-events:auto;position:absolute;transform:translateX(-50%)}.dot{background:#444;border-radius:50%;cursor:pointer;height:14px;transition:background .3s,box-shadow .3s;width:14px}.dot.active{background:#0c88c2;box-shadow:0 0 6px #0c88c2}.card-modal-text{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.card-modal-btn{background:#1e222e;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;justify-content:flex-end;padding:10px 15px;right:20px;top:20px;transition-duration:.4s;transition:transform .2s ease,background .3s ease}.card-modal-video{background:#0d0f16;border-radius:10px;box-shadow:0 0 10px #00000080;display:block;height:auto;margin:0 auto;max-width:640px;object-fit:contain;width:100%}.next,.prev{background:#141414b3;border:none;border-radius:8px;cursor:pointer;padding:8px 12px;position:absolute;top:50%;-webkit-user-select:none;user-select:none}.prev{left:12px}.next{right:12px}.card-modal-close{background-color:#c91111;height:50px;width:50px}.aPCard{cursor:pointer}.project-card{text-wrap:wrap;animation:posCard 1s ease 0s 1 forwards;background:#141720;border:1px solid #0a0a0a;border-radius:5px;display:inline-block;height:470px;margin:20px;overflow:hidden;padding:20px;text-align:center;transition:box-shadow .2s linear;transition:transform .4s ease,box-shadow .1s linear;width:400px}.project-card h2{margin:6px 0}.project-card img{height:180px;margin:15px 0 25px;object-fit:contain;position:static;width:100%}.project-card:hover{box-shadow:0 0 10px 5px #0c88c2;transform:scale(1.05);transition:transform .4s ease,box-shadow .1s linear}.smallCard{border:1px solid #0a0a0a;border-radius:15px;width:450px}.card,.smallCard{animation:posCard 1s ease 0s 1 forwards;background:#141720;display:inline-block;height:100%;margin:20px;overflow:hidden;padding:20px;position:relative;text-align:center}.card{border:1px solid #0a0a0a;border-radius:10px;width:800px}.card img{bottom:10px;height:auto;margin-left:50px;max-height:calc(100% - 20px);max-width:calc(100% - 20px);position:absolute;right:10px;top:10px;width:auto}.avatar{border:2px solid #000;border-radius:20%;float:right;height:auto;margin:0 auto;width:20%}img{border-radius:5px;display:block;margin:-10% auto -5%}a{margin:0;text-decoration:none}a,h4{color:#fff}h4{font-size:x-large;font-weight:lighter;letter-spacing:.1em;margin:0 auto;width:auto}h3{color:#dfdfdf;float:left;font-size:x-large;margin:10}h2,h3{padding:0;text-align:center}h2{margin:0;text-decoration:none}h1,h2{color:#fff}h1{margin:0 auto;text-align:center}hr{border:1px solid #008a8f50;width:100%}.hr-card{border:1px solid #006dac;margin-bottom:5%;margin-top:2%;width:80%}ul{list-style-position:inside;list-style-type:none;padding-left:0;text-align:center}li{margin:0 0 10px}li,ol{padding:0}ol{display:flex;list-style-position:inside;list-style-type:none;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}button,ol{text-align:center}button{background:#1e222e;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:large;margin:10px;padding:10px 20px;transition-duration:.4s;transition:transform .2s ease,background .3s ease}button:hover{background:#282e41;transform:scale(1.05)}button:active{transform:scale(.95)}@keyframes slideIn{0%{left:-240px}to{left:0}}@keyframes slideOut{0%{left:0}to{left:-240px}}@keyframes opacityCard{0%{opacity:0}to{opacity:100%}}@keyframes posCard{0%{top:-50px}to{top:0}}.avContainer{width:20}@media (max-width:767px){.about-card,.smallCard{height:auto;width:auto}.card{height:auto;width:320px}.project-card{height:auto;width:auto}.iconslots{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px;width:100%}.iconslots>*{flex:1 0 auto;max-width:60px}.card img{float:right;position:absolute}.avatar{width:40%}.deviconCard p{font-size:small!important}}.skills-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));justify-items:center;margin-bottom:2rem;width:100%}.skills-grid,.socialsList{align-items:center;flex-wrap:wrap;justify-content:center}.socialsList{display:flex;list-style-type:none;margin:0 auto;padding:0}.icon{padding-top:5%}p{color:#fff;font-size:large}.about{display:inline-block;height:100%;text-align:center}.about,.projects{animation:opacityCard 1s ease 0s 1 forwards;margin-top:20px;width:100%}.projects{display:none;height:300px}.container{border-collapse:collapse;margin:0 auto;width:100%}.deviconCard{display:inline-block;height:auto;text-align:center;transition:transform .2s ease-in-out;width:100%}.deviconCard:hover{background:#141720;border-radius:10px;box-shadow:0 0 10px 5px #0c88c2;box-sizing:border-box;overflow:hidden;position:relative;text-align:center;transform:scale(1.05);z-index:1000}.deviconCard p{font-size:large;margin-bottom:5%;white-space:wrap}.a-Opacity{transition:opacity .4s linear}.a-Opacity:hover{opacity:.5;transition:opacity .3s linear}.iconsrow{--icon-base:65px;--icon-gap:12px;--icon-count:4;width:100%}.iconslots,.iconsrow{display:flex;justify-content:center}.iconslots{align-items:center;gap:var(--icon-gap)}.iconslots>*{flex:1 1 auto;max-width:50px}.devicon{padding:10px}.timeContainer{align-items:center;bottom:0;display:flex;flex-direction:row;justify-content:center;text-align:center}.time{color:#cfcfcf}.nowTime{color:#fff;font-size:large;font-weight:700}footer{bottom:0;color:#fff;display:block;font-size:x-small;padding:10px;position:relative;text-align:center}.typerwriter-container{display:flex}.blink{animation:blink 1s steps(2,start) infinite;color:#fff;font-size:xx-large;font-weight:700;margin:0 auto}@keyframes blink{to{visibility:hidden}}.typerwriter-text{display:inline;font-size:large}.typewriter-bold{color:#00cedd;font-weight:700}