Anya's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Pink Clouds Planets in Space gif ✨🪐⭐️☁️CSS Layout




<style>



Body{

background-image:url(https://i.pinimg.com/originals/04/25/c4/0425c49c3a7408a1b29dace4b04f2f79.gif);
background-position:Bottom Left;
background-attachment:fixed;
background-repeat:repeat;
}


:root {
        --logo-blue: none;
        --darker-blue: pink;
        --lighter-blue: none;
        --even-lighter-blue: none;
        --lightest-blue: none;
        --dark-orange: white;
        --light-orange: #C3B1E1;
        --even-lighter-orange: none;
        --green: pink;
    }

body {

font-family: monospace;
font-weight: bold;
font-style: normal;
text-decoration: none;
line-height: .7;
word-spacing: -5 px;
font-size: 13px;
}


.online{
  color: pink !important;  

}

  .profile .friends .person img {
        border-radius: 300px;
    }


    .comments-table td:first-child img {
        width: 40px;
        border-radius: 300px;
    }


 .profile-pic {
        border-radius: 300px;
        overflow: hidden;
    }



 .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }


main {
    background: ;
    padding: 0;
    font-size: 80%;
    color: var(--light-orange);
    background: rgba(255, 99, 71, 0.2)
    
  }
   



h1{ 
 font-size:50;  var(--mynamesize) !important;
 text-transform:none !important;
 padding-left:80px !important;
font-family: cursive ;
 text-shadow: 2px 2px 5px pink;
}



nav {
  overflow-x: hidden;
  position: relative;
}

nav .top {
  background: transparent;

}

nav .links {
  background: rgba(255, 99, 71, 0.2);
}

 nav { background-image: url(https://i.pinimg.com/originals/04/25/c4/0425c49c3a7408a1b29dace4b04f2f79.gif); }


 footer {
        border-radius: 15px;
background-image: url(https://i.pinimg.com/originals/04/25/c4/0425c49c3a7408a1b29dace4b04f2f79.gif); 

}

  a:hover {
  color: #C3B1E1;</style>


0 Kudos

Comments

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

Anya

Anya's profile picture

div.a {
  text-align: center;
}


text



more detailed here:
https://blog.spacehey.com/entry?id=5758 ✨


Report Comment

ClearlyKail

ClearlyKail's profile picture

How did you get your about me section centered?! I have been struggling to get mine centered


Report Comment