Cobalt Storm (V1)

Tags: simple

Description:

It's blue and minimalistic. While boring to some, but at least it isn't eye destroying.

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;600&display=swap');
p{ font-family: 'Poppins', sans-serif;
		font-size: 125%;
	}

.profile h1 {
color: white;
}

h1,h2, h3, h4, h5{ font-family: 'Poppins', sans-serif;
		font-size: 175%;
		
	}

main {
    background: rgb(0, 64, 153);
color: white;
}
  
  body {
   background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/cc20327d-58c2-4a3b-88ca-18df4358dbf9/dewhdsa-c2bed9d7-d22d-404d-a8c9-85bf5a947a9d.png/v1/fill/w_894,h_894,q_70,strp/endless_pattern_by_matthewcobalt_dewhdsa-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTAyNCIsInBhdGgiOiJcL2ZcL2NjMjAzMjdkLTU4YzItNGEzYi04OGNhLTE4ZGY0MzU4ZGJmOVwvZGV3aGRzYS1jMmJlZDlkNy1kMjJkLTQwNGQtYThjOS04NWJmNWE5NDdhOWQucG5nIiwid2lkdGgiOiI8PTEwMjQifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.m3Gr_u_u92LtehiR50EK0FY8xSNI4y6GsrHQ7xk0ziM);

}

main:before {
    width: auto;
    margin-bottom: 25px;
    border: 4px solid white;
    height: 300px;
    display: block;
    content: "";
    box-shadow: white;
    background-image: url();
    background-size: cover;
}

footer {
    border-radius: 15px;
    background-image: url(https://api-da.wixmp.com/_api/download/file?downloadToken=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsImV4cCI6MTYzOTgzMjQ2NCwiaWF0IjoxNjM5ODEwODU0LCJqdGkiOiI2MWJkODczMGIyZWQ3Iiwib2JqIjpudWxsLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdLCJwYXlsb2FkIjp7InBhdGgiOiJcL2ZcL2NjMjAzMjdkLTU4YzItNGEzYi04OGNhLTE4ZGY0MzU4ZGJmOVwvZGV3aGY4di0zMzI0M2Q2OC05NWYzLTQ4OTctOTY0MC1mNjM5YjgzODUxNDAucG5nIn19.HVpkXLvIat2zDWJRZlvcn2qUb6e1oMI2viVy6u7iiFY);
    color: white;
}

:root {
    --logo-blue: rgb(35, 133, 255);
	--darker-blue: rgb(112, 176, 255);
	--lighter-blue: rgb(0, 108, 237);
	--even-lighter-blue: rgb(0, 46, 101) ;
	--lightest-blue: rgb(0, 68, 153);
	--dark-orange: white;
	--light-orange: rgb(0, 46, 101);
	--even-lighter-orange: black;
	--green: pink;
}
</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.

Comments

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