Hetalia Spain/Antonio layout

Tags: spain, hetalia, orange, layout

Description:

NOTE: the product does not look 100% like the preview picture!! I just made it bigger so eyerything is more visible!!! --- Included: a Spain on the side!! so cute!! Tomato cursor (devious >:3) A GIF playing when opened (amazing!!) Online and Spacehey logo customized to Spain!! + more ---- Anyways, I made a Spain layout!! yay :D!! I've been thinking of doing a nyo!Austria one because I love her ok sbdadjlfuhahua No need to credit me if you use, feel free to change everything/use as a base!! Might look a lil bit weird on a non PC device but enjoy!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by GioGio (https://layouts.spacehey.com/layout?id=30630) -->

<style>
  body:before {

    content: " ";

    height: 100vh;

    width: 100vw;

    display: block;

    position: fixed; 

    top: 0; 

    left: 0; 

    z-index: 100;

    background-image: url('https://64.media.tumblr.com/57996c196e282e2354d0c686bd9b3ee9/9af964ec56f3bdef-93/s250x400/e1021d25f01b99a0451ad3cf9e01048dd99bdcf7.gifv');

    background-size: cover;

    background-repeat: no-repeat;

    animation: yourAnimation 3s ease 0s 1 normal forwards;

    pointer-events: none;

  }

  @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
</style>

´´

<style>
.online{content:url("https://media.discordapp.net/attachments/888819682826657814/1105565904575660082/Titelloses_531_20230509204357.png");
}
 </style>

<style>
.logo {
content:url("https://media.discordapp.net/attachments/888819682826657814/1105565175211372675/Titelloses_528_20230509204057.png?width=1007&height=257")
}
</style>

<style>
nav::before {
   content: "";
   background:  url(https://64.media.tumblr.com/9a2c8b61ed22949cede552668ea3a802/6c7074e2114ce90d-a0/s400x600/e1640c0693283da272e3ae060b26b5236a67d04c.pnj);
background-size: 410px;
    position: fixed;
    float: right;
    display: inline;
    bottom: 0;
    right: 5px;
    height: 446px;
    width: 445px;
    margin-bottom: 10px;
    margin-right: 5px;
}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@700&display=swap');
p{
font-family: 'Comic Neue', cursive;
font-size: 130%
}

h1,h2,h3,h4,h5{
font-family: 'Comic Neue', cursive;
}
</style>

<style>
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://64.media.tumblr.com/0aeba7b85241baf2ffbb7e905f4d9295/tumblr_os0i3lkLyJ1ujzkvvo1_400.gifv');
background-position: center center;
background-size: cover;
</style>

<style>
main {
background: rgba(255, 201, 71, 0.5);
}

main {
border-radius: 10px;
margin-top: 8px;
}

body {
background-color: none;
background-image: url(https://pbs.twimg.com/media/FhMKrgxVIAA6hMH?format=jpg&name=small);
background-size: 1019px;
background-attachment: fixed;
}

.profile-pic {
border-radius: 30px;
overflow: hidden;
}
.profile .friends .person img {
border-radius: 30px;
}
</style>

<style>
:root{

--logo-blue: none;
--darker-blue: #E97500; 
--lighter-blue: none;
--even-lighter-blue: #EF9A648;
--lightest-blue: #F9A648;
--dark-orange: none;
--light-orange: white;

.comments-table td, .music-table td {
color: black;
background-image: url(https://64.media.tumblr.com/70eec96ad3a88c6a57a563aacc1b4141/f822e4a0e23edfae-af/s400x600/7c939f1279b781a75559cd0279ab8697e10be209.gifv);
background-size: cover;
}

.url-info{
background: url('https://64.media.tumblr.com/ae55135e1c3d004c6fd59303bb1d7091/205e08825db3fecd-e7/s250x400/6b9a1466726a22275baa4c9b115e8303a8a0f24e.gifv');
background-position: center;
background-size: cover;
border: var(--borders)!important;
border-radius: var(--curve);
height: 250px;
}

</style>

<style>
footer {
border-radius: 15px;
background-image: url(https://64.media.tumblr.com/fc0649ce2de3448d6555e91feca79022/2b0a80adb3130bc1-4d/s400x600/e9c873a8b4deef22ce57ff3e8f34a93288b7d877.jpg);
</style>

<style>* {cursor: url(http://www.rw-designer.com/icon-image/9177-32x32x8.png), auto !important;}</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.