ماريو

جربها بنفسك

@import url('https://fonts.googleapis.com/css2?family=Handjet:wght@500..900&display=swap');

body{
font-family: 'Handjet', arial !important;
}

body::after{
content: '';
position: fixed;
inset: 0;
background: url(https://i.imgur.com/avNABz3.png);
background-size: auto 100svh;
}

.main-user-info{
font-family: 'Handjet', arial !important;
font-weight: 800;
}

h1{
font-size: 2.25rem !important;
}

#user-info p{
font-size: 1.25rem !important;
font-weight: 600 !important;
}

.avatar-con{
margin-bottom: 30px !important;
}

.avatar-wrapper::before{
content: '';
position: absolute;
inset: -18px;
border: 8px solid #F1D533;
border-radius: 150px;
}

.avatar-wrapper::after{
content: '';
width: 50px;
height: 50px;
position: absolute;
bottom: -35px;
left: 0;
right: 0;
margin: 0 auto;
background: url('https://media.tenor.com/L2NVsm9IRsUAAAAj/mario-bros-star-star-arcade.gif');
background-size: cover;
}

.default-link-comp{
border-radius: 0px !important;
background: url('https://i.imgur.com/BUXmamT.png') !important;
background-size: 95px 98px !important;
padding: 0 !important;
}

.default-link-comp:hover{
scale:1 !important;
translate: 0 -3px;
}

.default-link-comp-image-con{
position: relative !important;
height: 100% !important;
aspect-ratio: 1;
}

.default-link-comp-image-con img{
border-radius: 0px !important;
height: 100% !important;
width: 100% !important;
}

.default-link-comp-image-con::after{
content: '';
background: url('https://media1.tenor.com/m/N5wDfP4o1oEAAAAd/mario-mystery-box.gif');
background-size: cover;
position: absolute;
inset: 0;
}

.default-link-comp:hover .default-link-comp-image-con::after{
opacity: 0;
}

.default-ctc-comp-con{
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}