@font-face{font-family:Tektur;font-display:swap;src:url(/fonts/Tektur/tektur-variablefont.woff2)format("woff2-variations");font-weight:125 950;font-stretch:75% 125%}body{text-align:center;font-family:Bahnschrift;font-size:1em}#titleCont{border-block:dashed orange;margin:1em}#titleCont>h1{color:#0000;background:linear-gradient(#f4a116,#a54e99) text;margin:0}main{grid-template-columns:repeat(auto-fill,10em);grid-auto-flow:dense;justify-content:center;align-items:center;gap:1em;max-width:800px;margin-inline:auto;padding-block:1em;display:grid;overflow-x:hidden}.card{color:#000;text-transform:uppercase;border-radius:1em;flex-direction:column;justify-content:center;align-items:center;width:10em;height:10em;transition:box-shadow 1s ease-in-out;animation:5s ease-in-out infinite alternate backgroundZoom;display:flex;position:relative}@keyframes backgroundZoom{0%{background-size:100% 100%}to{background-size:150% 150%}}.card:before,.card:after{z-index:2;font-size:2em;animation:1s appearing;position:absolute}@keyframes appearing{0%{opacity:0;transform:rotate(0)scale(0)}}.card a{color:inherit;border:1px solid;border-radius:1em;width:1.5em;height:1.5em;transition:all 1s;position:absolute;top:0;right:0;box-shadow:-1px 1px 5px #333}.card a:hover{background-color:#8888}.medium{flex-wrap:wrap;grid-column:span 2;align-content:space-around;width:21em;height:10em}.large{flex-wrap:wrap;grid-column:span 3;align-content:space-around;width:32em;height:10em}.card h1{font-family:Tektur,sans-serif}.card#logo{border:5px solid #f1ba58;border-radius:100%;grid-column:span 2;margin:auto}.card#logo:before{content:"🏆" / "";animation:1s crown;bottom:-.5em;left:.5em;transform:rotate(6deg)scale(1.2)}@keyframes crown{0%{opacity:0;transform:rotate(-9deg)scale(1.6)translate(8px,-100px)}}.card#logo>img{width:100%;height:100%}.cardSection{flex-direction:column;align-items:center;max-width:9em;display:flex}.card#projects{background:radial-gradient(circle at 50% 20%,#ff0,#daa520)}.card#projects:before{content:"💻" / "";top:-.5em;left:1em;transform:rotate(-5deg)scale(1)}.card#projects:hover{box-shadow:0 0 3em 0 #ff0}.card#projectsType{background:radial-gradient(circle at 20% 80%,#f0f,#8a2be2)}.card#projectsType:after{content:"🎆" / "";bottom:2em;right:-.5em;transform:rotate(2deg)scale(1)}.card#projectsType:hover{box-shadow:0 0 3em 0 #f0f}.card#playedGames{color:#fff;background:radial-gradient(circle at 90% 40%,#00008b,#20b2aa)}.card#playedGames:after{content:"🎮" / "";bottom:2em;right:-.5em;transform:rotate(4deg)scale(1)}.card#playedGames:hover{box-shadow:0 0 3em 0 #20b2aa}.card#photos{background:radial-gradient(circle at 90% 40%,gold,#545775)}.card#photos:after{content:"📸" / "";top:2.5em;right:-.5em;transform:rotate(-14deg)scale(1)}.card#photos:hover{box-shadow:0 0 3em 0 gold}.card#Webpages{background:radial-gradient(circle at 0 0,#0ff,#00ff7f)}.card#Webpages:after{content:"✨" / "";bottom:-.5em;left:3em;transform:rotate(10deg)scale(1)}.card#Webpages:hover{box-shadow:0 0 3em 0 #0ff}.card#CQLJ{color:#fff;background:radial-gradient(circle at 90% 40%,#fe2a0f,#6568ff)}.card#CQLJ:after{content:"🔎" / "";bottom:1em;left:-.5em;transform:rotate(-5deg)scale(1)}.card#CQLJ:hover{box-shadow:0 0 3em 0 #fe2a0f}.card#modsGTA{background:radial-gradient(circle at 90% 40%,#008b8b,#adff2f)}.card#modsGTA:before{content:"🔧" / "";top:-.5em;right:2em;transform:rotate(3deg)scale(1)}.card#modsGTA:hover{box-shadow:0 0 3em 0 #008b56}.card#reposGithub{color:#fff;background:radial-gradient(circle at 40% 0,wheat,#222)}.card#reposGithub:before{content:"📂" / "";top:1em;right:-.5em;transform:rotate(12deg)scale(1)}.card#reposGithub:hover{box-shadow:0 0 3em 0 wheat}.card#pawCounter{background:radial-gradient(circle at 40% 0,orange,#bc8f8f)}.card#pawCounter:before{content:"🐾" / "";top:-.5em;left:1em;transform:rotate(3deg)scale(1)}.card#pawCounter:hover{box-shadow:0 0 3em 0 orange}.card#billboards{color:#fff;background:radial-gradient(circle at 40% 0,#4e8601,#adff2f)}.card#billboards:before{content:"📍" / "";top:-.5em;right:-.5em;transform:rotate(7deg)scale(1)}.card#billboards:hover{box-shadow:0 0 3em 0 #4e8601}.card#youtube{background:radial-gradient(circle at 40% 0,red,maroon)}.card#youtube:before{content:"🎬" / "";top:-.5em;right:1.5em;transform:rotate(7deg)scale(1)}.card#youtube:hover{box-shadow:0 0 3em 0 red}.card#cofee:before{content:"";background-image:url(https://lh3.googleusercontent.com/fife/ALs6j_GPPQH-nmXWlyuKcdS0Jd_p8OJTkiTOOYzj2Y06OW5UvISavzTuA0OV2bTA7NMLTaqTBjuAd7_g5qZ15i4hznUran2Y_GEoSO85IU1qVQRPmea6yZK8j_Yovli4kC2Otgu8clrzrmg2kZxMWKDLCTg5GO0YC2nh0SQTt9Mt53Wb_hlX6qIh_ca7MJKvHbbK7hZ-Hco_k_mETakRXwSioVWrQB-28qNH7BjPDotLlKLcgrsn9pw8IGuAA5P-THqyQOiWYTirQvBEnsJWSW3kdfNAVXd9meK-BjgRryTC5fMA2kUW3srOSj4gv7SzEZ8URnNvbrrjsd3Stj_IMtyyRS7V-oInCbRjxPmHIF8lwfH4-dmP33mbopGBCdmSuK1nm6g9arzdRxK9EXQ661tiVqyY4BOXyStqU7Bj0W6c56vpSXRTlYDOfd6cWFTGTE310EMcb_410Vu0kSQAuaeAhxg1PGdVvkLcR9LJhbMdi7ED-phf2dS0Z7TJ_7hME6YY4YW67LNpxx5HDFi99JVwPiFnTmJGcOmQ4cN1W0vsGZohuKEAJ5a8dpCNkaXMdBiu2rEtJfWotkmE0ns85cISR-l9z1rBQt86_Bp7wGMVbbpvmApvdOWa1FLCvH7xzykPQLEow3RR0FrDLkKCu_cRLEIgTzlb6Gh69gbMS7QaH3lAWYSIMp7EGU07LGu-wRJ9RleWatQNK_H-kXRIw8q1-Rr1HlJSStTK55KeAUwSDRae_ClANxC7PJdtjh5-lA5qUdmEGr7eBd6Q6YbKT_v9yGHQyMCKMW6jOaiDQsNISZs0UhUw6-6QY0pMSEynMklfOriypOKZXzyODr7Z6VrP_iWzF1bo6jHFYAcuppy0y3MTGwqogibWN3ovNwqwQsgRFHeYUWEQEK65bI0yEYBDUFdB51W18YSMhMQ8ouVBxiqfumEaYB9RNRDL9hQ4XWaWdkewc7BEZfo0sQPl6DEKr7_ijv70iJ6yFv5EWuKHFc3g0qShbkL1whK3O8A28lX0GzFmdYtiAhJAc_UiSjDi2jkcS17nCuHIttZmg9rUEvqsrh5Pw0SyjfSidGa32gAfRAO2guJWXtwb4TJ3O6cDZJamSUhKhZ_pfKJrx05IICkuir_0WExau6KnoxbNFyPc0YG5IiANEHwJ-DsBwESVzKckBIeHwfk7e4z4hpPO0J0A1uFuuJJ7wZ4T3tktJN9eKgi9nVlWvzHBhLG5V2sJ8sa7-gMpFhn9aRTi3fpcwI7tVYJiEMQKUwqPfmZ808Ivs1OOe0P0fmO6VXI3enLK12j88EJVcl6I078uCcxG0YxnjPRN0Bhhnr_f_jsdJ4NY-SQhjuYUMOwxXRkA8urg67_XKrVJM3J5Sj1yGBL1EeVp_ML4HmBpKx2iTiUGE32aAFaiQSybHLpuFuZ0BS7F_3tvC3xtpJzEe8f9iHUV7KuX7MlJfbZoooc6nQNLRgqvuvfL5hyGNa7fTTZGb543Pdvo2lBg8bhQqhI_FVAjLAXcAYVfl5M2o-ubGZVTYjesPN1r2-2mpRAyhkoxJYDlNrCaORPPTh-MU9e3OXf_d3ih2AOqcVCpCoykjRyx54oDBs3KvogSIUZnaF0xY0NFsuYo-6t1tUKOUvEzgxW9A4X8KzHy8ARdF6xDNUCZ3cH2tXmnlvYhI9qaU-u7jMWM7IUdacg=w1920-h936);background-size:cover;width:1.5em;height:1.5em;bottom:1.5em;right:-.7em;transform:rotate(20deg)scale(1)}.card#cofee:hover{box-shadow:0 0 3em 0 #ba9e6e}.card#cofee{background:radial-gradient(circle at 50% 90%,#ffc55c,#fee502)}@media screen and (width<=500px){body{flex-direction:column;height:100vh;margin:0;display:flex}main{scroll-snap-type:y mandatory;height:100vh;overflow-y:scroll;grid-template-columns:1fr!important}.card{scroll-snap-align:center;margin:auto;width:90vw!important;height:90vw!important}.card#logo,.card.large,.card.medium{grid-column:span 1!important}.card.large,.card.medium{font-size:80%}.card h1{font-size:3em}}