love hangover - teal&red - css

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap');

body {
background:#111!important;
}

#xg_layout_column_2 {
background:transparent;
font-family:poppins;
font-size:10px;
margin-left:-50px;
margin-top:65px;
width:1100px;
height:520px;
}

::-webkit-scrollbar {
display:none;
}

#code {
position:relative;
width:560px;
height:460px;
margin:0 auto;
font-family:poppins;
}

#lovebox {
position:absolute;
left:115px;
top:20px;
width:0px;
height:560px;
background:#ededed;
border:1px solid #444;
transform:scale(.7);
transform-origin:top left;
}

#pinkarea {
position:absolute;
z-index:1;
left:0;
top:0;
width:405px;
height:400px;
background:#520F01;
}

#mainphoto {
position:absolute;
z-index:14;
left:-35px;
top:5px;
width:440px;
height:395px;
background-image:url(https://storage.ning.com/topology/rest/1.0/file/get/31204398901?profile=original);
background-size:contain;
background-repeat:no-repeat;
background-position:center bottom;
filter:saturate(90%) brightness(105%);
pointer-events:none;
}

#descriptionbox {
position:absolute;
z-index:7;
left:-18px;
top:70px;
width:190px;
height:105px;
background:#222;
border-radius:18px;
box-shadow:0 1px 5px rgba(0,0,0,.15);
transform:rotate(-2deg);
}

#descriptioninner {
position:absolute;
left:5px;
top:5px;
width:178px;
height:93px;
border:1px solid #444;
border-radius:15px;
}

#calltitle {
position:absolute;
left:50px;
top:23px;
width:125px;
height:20px;
color:#D10000;
font-family: AshleyMarie;
font-size:13px;
font-weight:bold;
letter-spacing:1px;
}

@font-face{font-family:AshleyMarie;src:url(https://static.tumblr.com/9wzbixa/qKtmj2fnf/ashleymarie.ttf);}


#descriptiontext{
position:absolute;
left:25px;
top:53px;
width:140px;
height:38px;
overflow-y:scroll;
overflow-x:hidden;
color:#fff;
font-family:'Courier New';
font-size:8px;
font-weight:bold;
line-height:15px;
letter-spacing:1px;
text-align:justify;
padding-right:3px;

scrollbar-width:none;      /* Firefox */
-ms-overflow-style:none;   /* IE/Edge */
}

#descriptiontext::-webkit-scrollbar{
width:0;
height:0;
display:none;
}

#bow1,
#bow2,
#bow3,
#bow4 {
position:absolute;
z-index:20;
width:55px;
height:55px;
background-size:contain;
background-repeat:no-repeat;
background-position:center;
font-size:0;
color:transparent;
pointer-events:none;
}

#bow1{
left:-18px;
top:60px;
background-image:url(https://storage.ning.com/topology/rest/1.0/file/get/31204468099?profile=original);
transform:rotate(-14deg);
}

#bow2{
left:322px;
top:35px;
background-image:url(https://storage.ning.com/topology/rest/1.0/file/get/31204471884?profile=original);
transform:rotate(14deg);
}

#bow3{
left:360px;
top:180px;
background-image:url(https://storage.ning.com/topology/rest/1.0/file/get/31204468099?profile=original);
transform:rotate(-5deg);
}

#bow4{
left:2px;
top:350px;
width:45px;
height:45px;
background-image:url(https://storage.ning.com/topology/rest/1.0/file/get/31204471884?profile=original);
transform:rotate(15deg);
}


#stamp1,
#stamp2 {
position:absolute;
z-index:15;
width:92px;
height:112px;
background-size:cover;
background-position:center;
border:8px solid #444;
box-shadow:0 1px 4px rgba(0,0,0,.18);
filter:
grayscale(45%)
sepia(12%)
hue-rotate(165deg)
saturate(190%)
brightness(.82)
contrast(1.18); }

#stamp1 {
left:15px;
top:215px;
background-image:url(https://i.pinimg.com/736x/10/17/5e/10175e1de82a189dde1e46737af05564.jpg);
transform:rotate(5deg);
}

#stamp2 {
left:40px;
top:305px;
background-image:url(https://64.media.tumblr.com/c881873cbb2ee2ba7602746cc945281f/b6eaaa0ed109cef0-1c/s400x600/7ae03a349f7763878cb2f17b1abfc3c817541bee.gifv);
transform:rotate(-4deg);
}

#calendar {
position:absolute;
z-index:6;
left:280px;
top:185px;
width:120px;
height:115px;
background:#222;
box-shadow:0 1px 4px rgba(0,0,0,.15);
}

#calendartitle {
position:absolute;
left:0;
top:0;
width:120px;
height:24px;
background:#008080;
color:#fff;
font-size:9px;
font-weight:bold;
line-height:24px;
text-align:center;
}

#days {
position:absolute;
left:8px;
top:35px;
width:105px;
height:70px;
color:#fff;
font-family:'Courier New';
font-size:7px;
font-weight:bold;
line-height:17px;
text-align:center;
}

#tag1,
#tag2 {
position:absolute;
z-index:18;
height:28px;
font-family:Arial;
font-size:11px;
font-weight:bold;
line-height:28px;
text-align:center;
box-shadow:0 1px 4px rgba(0,0,0,.12);
}

#tag1 {
left:265px;
top:315px;
width:130px;
background:#800000;
color:#fff;
transform:rotate(4deg);
}

#tag2 {
left:240px;
top:345px;
width:155px;
background:#008080;
color:#fff;
transform:rotate(-3deg);
}

#bottomarea {
position:absolute;
z-index:5;
left:0;
bottom:20px;
width:405px;
height:140px;
background:#222;
border-top:1px solid #444;
}

#maintitle {
position:absolute;
left:40px;
top:35px;
width:330px;
height:45px;
color:#800000;
font-family:bebas_neue;
font-size:39px;
font-weight:bold;
line-height:45px;
letter-spacing:2px;
text-transform: uppercase;
z-index: 100000;
}

@font-face { font-family: "bebas_neue"; src: url('https://dl.dropboxusercontent.com/s/scbj3da4dz3dfmf/BebasNeue.otf?dl=1'); format(“truetype”);}


#bottomsubtitle {
position:absolute;
left:42px;
top:82px;
width:300px;
height:14px;
color:#008080;
font-size:9px;
font-weight:bold;
letter-spacing:.5px;
}

#year {
position:absolute;
left:40px;
bottom:20px;
width:100px;
height:15px;
color:#008080;
font-size:9px;
font-weight:bold;
letter-spacing:2px;
}

#credittext {
position:absolute;
right:35px;
bottom:20px;
width:145px;
height:15px;
color:#008080;
font-size:8px;
font-weight:bold;
letter-spacing:1px;
text-align:right;
}

#bottomnav {
position:absolute;
z-index:20;
left:0;
bottom:0;
width:405px;
height:20px;
background:#008080;
line-height:20px;
text-align:center;
}

#bottomnav a {
display:inline-block;
width:85px;
height:20px;
margin:0 4px;
color:#fff!important;
font-size:9px;
font-weight:bold;
text-align:center;
}

#bottomnav a:hover {
color:#800000!important;
}

#rightbar {
position:absolute;
z-index:8;
left:405px;
top:0;
width:45px;
height:560px;
background:#222;
border-left:1px solid #444;
border-right:45px solid #111;
}

#verticaltext {
position:absolute;
left:-128px;
top:180px;
width:290px;
height:15px;
color:#800000;
font-size:8px;
font-weight:bold;
letter-spacing:1px;
text-align:center;
transform:rotate(90deg);
}

#heartbutton {
position:absolute;
left:0;
top:380px;
width:45px;
height:28px;
background:#008080;
color:#fff;
font-size:15px;
line-height:28px;
text-align:center;
}

#sidedots {
position:absolute;
left:17px;
top:415px;
width:10px;
height:110px;
color: #ddd;
font-size: 17px;

}

#sidedots span {
display:block;
width:7px;
height:7px;
margin-bottom:17px;
border:1px solid #444;
border-radius:100%;
background:#222;
}

h1,h2,h3,
#xg_head,
#xg_foot,
#xg_layout_column_1,
.xg_module.xg_module_comment_wall,
.xg_span-5,
ul.nobullets.last-child,
.xg_chat.chatFooter,
li.right,
#xn_bar,
#xn_bar_menu_tabs,
#xn_bar_menu_more,
p#xn_gyo_link,
p#xn_brand {
display:none!important;
}