Dva layout

Tags: overwatch

Description:

dva layout!! ive seen little to no overwatch layouts so i wanted to make my own!!

Code:

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

<style>
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image:url(https://i.pinimg.com/originals/34/24/94/342494a496df7cf3b9ba86007d423dc2.gif);
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	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>
@import url('https://fonts.googleapis.com/css2?family=Cute+Font&display=swap');
  p{   
     font-family: 'Cute Font', cursive;
     font-size: 25px;
     color: #FF8095
 }   
</style>
<style>
body {
    background: url(https://i.pinimg.com/564x/2a/41/0b/2a410bc1e97ae6b8a4096c1fac3f665d.jpg);
}

</style>

<style>
main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid white;
    height: 125px;
    display: block;
    content: "";
    box-shadow: 0px 0px 5px 1px #FDCAE0;
    background-image: url(https://i.pinimg.com/originals/29/c5/8a/29c58af348dc8f542f5a45e91a98fd80.gif);
    background-position: center center;
    background-size: cover;
}</style>

<style>
footer {
    border-radius: 15px;
    background-image: url(https://i.pinimg.com/originals/51/1e/80/511e801c7e86889f580dfce107e68e3e.gif);
    
}</style>

<style>
:root {
    --logo-blue:#FDCAE0;
    --darker-blue: #FDCAE0;
    --lighter-blue: white;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: white;
    --light-orange: white;
    --even-lighter-orange: #FDFDCA;
    --green: ;
}</style>

<style>
.profile .profile-info {
	background-image: url(https://i.pinimg.com/originals/c5/89/06/c58906997e19fe0c75b133be7874852b.gif);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #FDCAE0;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}
}</style>

<style>
.general-about {
	background-image: 
url
(https://i.pinimg.com/originals/85/72/d2/8572d22a06ad6e2b5fe7818e04a0f734.gif);
	padding: 35px;
	border-radius: 47px;
	box-shadow: 4px 4px 0 #FDCAE0;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}</style>

<style>
.profile .blurbs .section :nth-child(2) {
	background-image: url(https://i.pinimg.com/564x/7b/a2/2d/7ba22df3ad1edf144161a81c1b39ff9e.jpg);
     /* margin-top: -5px; */
	padding: 18px;
	box-shadow: 4px 4px 0 #000;
}
</style>

<style>
.contact {
  border-radius: 8px;
  background-image: url(https://i.pinimg.com/originals/3c/2f/5c/3c2f5c5579cf839690c542e06d491e10.gif);
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;

color: white;
  text-shadow: 1px 1px 2px #FDCAE0, 0 0 25px #FDCAE0, 0 0 3px #FDCAE0; 
}</style>

<style>
.profile {
background-image:url(https://i.pinimg.com/564x/1d/2e/d2/1d2ed2db9874429298fe643fda8ea7cd.jpg);
  background-repeat: repeat;
    border-radius: 12px;
}</style>


<style>
.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* Add to Friends */
	content: "☆"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: "☆"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "☆"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "☆"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "☆"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "☆"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "☆"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "☆"
}
</style>

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

<!-- (c) Layout created by HAUNTINGFACE (https://spacehey.com/hauntingface) -->

<style>* {cursor: url(https://i.imgur.com/53cWbue.png)


</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 3 of 3 comments ( View all | Add Comment )

Dianastenism

1722415560

using!

Report Comment

citrustea.^.🍊✧⁠*⁠♡

1693352192

Oh my gosh could u make a mercy sugar plum fairy layout, I WILL DIE AND USE IT TILL THW END OF TIME (ofc I'll credit u also (⁠=⁠^⁠･3･⁠^⁠=⁠))

Report Comment

☆VINNY☆

1677273406

I WANNA SEE WHAT THIS LAYOUT LOOKS LIKE BUT I DONT WANNA MESS UP MY PROFILE CUZ I FUCKING LOVE DVA SO MUCH

Report Comment

AWAH IM SORRY

by nex✩; 1677455441; Report