Amy's profile picture

Published by

published
updated

Category: Web, HTML, Tech

totally not a wii sports layout

Hi guys, so since posting layouts isn't available I thought I'd use my blog for that. I present you the lowkey mid totally not a Wii Sports layout.


please don't sue my ass this isn't inspired by that game at all

here's the code:



<style>


@import url('https://fonts.cdnfonts.com/css/a-otf-shin-go-pro');


body{

background-color: steelblue !important;

background-image: url(https://cdn.pixabay.com/animation/2024/11/11/14/28/14-28-43-45_512.gif) !important;

background-attachment: fixed !important;

background-repeat: no-repeat !important;

background-position: top left !important;

background-size: cover !important;


}


main{

font-family: 'A-OTF Shin Go Pro', sans-serif; !important;

background-color: transparent !important;

}


.profile{background-color: white;

padding: 10px;

border-radius: 15px;

border: 2px;

border-color: lightsteelblue;

border-style: solid;

}


.heading,.links,.top,footer{

background-color: transparent !important;

color: black !important;

}


.contact,.blurbs,td{

color: black !important;

background-color: azure !important;

background-image: linear-gradient(white,gainsboro,whitesmoke,whitesmoke,lightgrey,gainsboro,white) !important;

box-shadow: 0.5px 2px 2px dimgray !important;

padding: 10px !important;

border: 2px;

border-style: solid;

border-color: darkslategrey !important;

border-radius: 10px;

text-align: center;

}


.contact,.blurbs,td:hover{

transform: scale(1.02);

transition: 0.04s ease;

background-color: azure;

background-image: linear-gradient(azure,powderblue,lightcyan,lightcyan,powderblue,lightcyan);}


h1,.comments-table{

background-color: azure;

background-image: linear-gradient(azure,powderblue,lightcyan,lightcyan,powderblue,lightcyan);

box-shadow: 0.5px 2px 2px darkslategrey;

padding: 10px;

border: 2px;

border-style: solid;

border-color: darkslategrey !important;

border-radius: 10px;

text-align: center;

}

h1:hover{

transform: scale(1.03);

transition: 0.04s ease;

background-color: orange;

background-image: linear-gradient(navajowhite,orange,navajowhite,orange,darkorange,orange);

}


.comments-table:hover{

transform: scale(1.03);

transition: 0.04s ease;

background-color: orange;

background-image: linear-gradient(navajowhite,orange,navajowhite,orange,darkorange,orange);

}


.profile .url-info, .profile .table-section{

border: 0px !important;

}


</style>



<iframe width="0" height="0" src="https://www.youtube.com/embed/nYYwlY_5HNA//?&;amp;;autoplay=1&;loop=1&;controls=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>


5 Kudos

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

Amy

Amy's profile picture

just realized it doesn't work with dark mode oopsie


Report Comment