Victoria Chase layout 2

<style>


.container {
width: 90%;
max-width: 1600px;
}

</style>

<style>
main {
  background-color: transparent;
  color: #ccc;
  
}
</style>

<style>
body{background:url("https://i.postimg.cc/y652WhGW/vic.jpg") no-repeat fixed; background-size:cover;}
</style>

<style>
h3 , h4, h5, .url-info b {
    color: white;  
}
</style>

<style>
a {
     color: white;
}
</style>

<style>
p, h2 {
     color: white
}
</style>

<style>
h1, .count, .friends a p {
     color: white;
} 
</style>

<style>
p {
color: #ffffff;
}
</style>

<style>
main a {
  color: var(--#ffffff);
}
</style>

<style>
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #a8948d;
  color: #bbb;
}
</style>

<style>
.profile .contact, .profile .table-section, .profile .url-info {
  border: 3px solid #a8948d;
border-radius: 10px;
}
</style>

<style>
.profile .table-section .details-table td {
  background-color:#bda9a2;
  color: #ccc;
border-radius: 10px;
}
</style>

<style>
.profile .blurbs .heading, .profile .friends .heading {
  background-color: #a8948d;
  color: #bbb;
border-radius: 10px;
}
</style>

<style>
.profile .friends .comments-table td {
  background-color: #bda9a2;
border: 3px solid #a8948d;
border-radius: 10px;
}
</style>

<style>
@import url("https://robins.one/spacehey/addons/modern-comments.css");
</style>

<style>
footer {
    border-radius: 15px;
     background-color: #bda9a2;
    color: white;
}
</style>

<style>
.nav .top , nav .links{

background: transparent;

text-align: center;

}
</style>

<style>
:root{
/* [background color]: #a8948d; */
 --logo-blue:url(URL);
}
</style>

<style>main:before {
	width: 100%;
	height: 150px ;
	display: block;
	content: "";
border-radius: 40px;
 border: 5px solid #a8948d;
	background-image: url('https://static1.thegamerimages.com/wordpress/wp-content/uploads/2022/02/Life-Is-Strange-Victoria-On-Steps.jpg');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}</style>

<style>
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap");

.w-40 h1{
font-family: EB Garamond;
font-size: 40px;
text-align: center;
background: -webkit-linear-gradient(#fff, #fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0px white;
}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Short+Stack&display=swap');
p{
  font-family: 'Short Stack', cursive;
  font-size: 100%;
}
h1,h2,h3,h4,h5{
  font-family: 'Short Stack', cursive;
  font-size: 90%;  
</style>

<style>
 .blurbs .section h4{display: none !important;}
</style>

<img src="https://i.postimg.cc/c17vQ86m/tumblr-inline-np61g3a-GPu1rxkjmy-1280-removebg-preview-1.png"/>

<style>
.contact .inner a img {

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block

}
</style>

 <style>
img.logo{
content: url("https://i.postimg.cc/FKwjk1N0/slazzer-edit-image-removebg-preview1-ezgif-com-resize-1.png");
width: 55px !important;
height: 55px !important;
</style>

<style>.online { visibility: hidden; } .online img { content: url("https://gifcity.carrd.co/assets/images/gallery01/443336b3.gif?v=26dffab5"); animation-name: none; visibility: visible; height: 25px; width: 25px; }</style>

<style>
li.active .icon { content:url('https://gifcity.carrd.co/assets/images/gallery75/ff14472a.png?v=26dffab5'); width: 20PX;height: 20px;}
</style>

<style>
.col.right .profile-info {border-radius: 40px;
 border: 5px solid #a8948d; }
</style>

<style>* {cursor: url(http://www.rw-designer.com/cursor-view/42103.png), url(http://www.rw-designer.com/cursor-view/42103.png), auto !important;}</style>

<style>
.general-about .profile-pic {
position: relative;
filter: drop-shadow(0 0 0.25rem gray);
transform: rotate(4deg);
margin: 0 20px 8px -5px;
transition: transform .5s;
}
.general-about .profile-pic:hover {
transform: scale(1.2) rotate(-3deg);
}
.general-about .profile-pic:before {
content: var(--polaroid-name);
font-family: 'teabeer';
font-size: var(--name-size);
position: absolute;
z-index: 2;
bottom: -30px;
left: 0px;
width: 100%;
text-align: center;
}
.general-about .profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/polaroid.png');
position: absolute;
background-size: contain;
background-repeat: no-repeat;
top: -5px;
left: -5px;
width: 170px;
height: 210px;
}
.mood {
margin-top: 50px;
}
</style>

<style>
/* corner image. hidden on mobile */
.image {
    background: url('https://i.postimg.cc/qRcB8B9N/tumblr-inline-o573l9-Zt-U51qe4y2o-640-removebg-preview-1.png') no-repeat;
    background-size: 100%!important;
    position: fixed;
    right: 0px;
    bottom: 0px;
    height: 320px;
    width: 300px;
    z-index: 1000;
    opacity: 1;
}
@media (max-width: 600px) {
.image{display:none;}
}
</style>
<div class="image"></div>

<style>
.profile .friends .person img:not(.icon):hover {
    transform: scale(1.2);
    transition: 0.5s ease;
}
.profile .friends .person img:not(.icon) {
    transition: 0.5s ease
}
</style>

<style>
.friends-grid img,.comments-table img{border-radius:500px;}
</style>

<style>
  
  .logo {
  
  content:url("https://i.ibb.co/2PC3fQ1/Untitled903-20231024024042.png")
  
  }
  
  </style>


<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/6f9e0446ee841569d2c4b20542b74e5e/a8177aa47ca07e3c-5f/s540x810/cdd595853101e9027bfd218859e60821687d203b.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>