index4.html{
justify-content: baseline;
overflow-x: hidden;
margin:0;
}
#intro{
color: #ede1d7;
position: absolute;
left: 11;
top: 15;
z-index: 4000;
width: 272;
font-size:24;
background-size: 118%;
background-position-x: 755%;
background-position-y: 36%;
padding:6;
border:double;
border-color: #ede1d7;
}
#back{
color: #ede1d7;
position: absolute;
left: 11;
top: 156;
z-index: 4000;
width: 179;
text-align: center;
font-size: large;
border:double;
text-decoration: none;
}
#back:hover{
color: #beae9c
}
#t{
position: absolute;
left:1166;
top:374;
}
#webrings{
color: #4b3e31;
position: absolute;
left: 1170;
top: 303;
font-size:19;
border:double;
padding: 5px;
}
#m-buttons{
color: #4b3e31;
position: absolute;
left: 1186;
top: 435;
font-size:19;
border:double;
padding: 5px;
}
#island2{
position: absolute;
width: 100;
height: 100;
background-color: #beae9c;
left: 1107;
top: 304;
padding-top: 100;
padding-right: 100;
padding-left: 100;
padding-bottom: 271;
border: ridge;
border-color: #4b3e31
}
#border{
position: absolute;
left: 0;
top: 660;
height: 51;
z-index: -1;
filter: opacity(0.8) sepia(0.2);
}
#border2{
position: absolute;
left: 961;
top: 224;
height: 66;
z-index: -1;
filter: opacity(0.8) sepia(0.2);
}
#p1{
position: absolute;
left: 1187;
width: 137;
top: 517;
text-align: center;
color: #4b3e31;
}
#my-button{
position: absolute;
left: 210;
top: 723;
}
#my-stamp{
position: absolute;
left: 210;
top: 782;
}
#my-own{
position: absolute;
left: 22;
top: 708;
width: 162;
background-color: #beae9c;
color: #4b3e31;
padding: 7;
border: ridge
}
#island3{
position: absolute;
width: 100;
height: 100;
background-color: #beae9c;
left: 1107;
top: 808;
padding-top: 100;
padding-right: 100;
padding-left: 100;
padding-bottom: 271;
border: ridge;
border-color: #4b3e31
}
#list{
position: absolute;
left: 1121;
top: 816;
color: #4b3e31;
}
#axe{
position: absolute;
top: 1129;
left: 1181;
width: 153;
transform: rotate(104deg);
filter: grayscale(33%)
}
#heart{
position: absolute;
width: 88;
transform: rotate(-10deg);
top: 920;
left: 1099;
}
#movie1{
position: absolute;
left: 1122;
height: 100;
top: 895;
border:double;
border-color: #4b3e31;
}
#movie2{
position: absolute;
left: 1252;
height: 100;
top: 895;
border:double;
border-color: #4b3e31;
}
#movies{
position: absolute;
left: 10;
top: -1;
filter: grayscale(66%)
}
#music1{
position: absolute;
left: 1118;
height: 86;
top:1030;
border:double;
border-color: #4b3e31;
}
#music2{
position: absolute;
left: 1213;
height: 86;
top:1030;
border:double;
border-color: #4b3e31;
}
#music3{
position: absolute;
left: 1309;
height: 86;
top:1030;
border:double;
border-color: #4b3e31;
}
#albums{
filter: grayscale(66%);
position: absolute;
left: 2;
top: 1;
}
#all-posts{
position: absolute;
left: 110;
top:2696;
}
#post1{ position: absolute;
text-align: center;
color: #4b3e31;
border:inset;
background-color: #beae9c;
left: 244;
top:1201;
width: 659;
padding: 8;
font-size: 15;}
#post2{
position: absolute;
text-align: center;
color: #4b3e31;
border:inset;
background-color: #beae9c;
left: 244;
top:854;
width: 659;
padding: 8;
font-size: 15;
}
#post3 a{
color: #83664a
}
#ota{
position: absolute;
width: 23;
top: 482;
left: 381;
filter: grayscale(var(--value, 100%)); --value: 48%;
}
#post3{
position: absolute;
text-align:right;
color: #4b3e31;
border:inset;
background-color: #beae9c;
left: 244;
top:278;
width: 659;
padding: 8;
font-size: 15;
}
#post4{
position: absolute;
text-align:right;
color: #4b3e31;
border:inset;
background-color: #beae9c;
left: 244;
top:-402;
width: 659;
padding: 8;
font-size: 15;
}
#rd1 a , u{
color: #83664a;
}
#rd1{
position: absolute;
text-align:right;
color: #4b3e31;
border:inset;
background-color: #beae9c;
left: 244;
top:-1931;
width: 659;
padding: 8;
font-size: 15;
}
#post5{
position: absolute;
text-align:right;
color: #4b3e31;
border:inset;
background-color: #beae9c;
left: 243;
top:-2655;
width: 659;
padding: 8;
font-size: 15;
}
#post5 a{
color: #83664a
}
#shrine1{
position: absolute;
left: 186;
top: 222;
z-index: 4005;
width: 105;
height:131.3;
object-fit:cover;
filter: contrast(156%) grayscale(88%) opacity(76%) invert();
}
#shrine2{
position: absolute;
left: 40;
top: 255;
z-index: 4005;
width: 94;
height:111;
border-radius: 50%;
object-fit:cover;
filter: contrast(156%) grayscale(85%) opacity(54%) invert();
}
#liminal{
animation-name: vibrate-slow;
animation-duration: 4.2s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
left: -11;
position: absolute;
}
@keyframes vibrate-slow {
0% {
}
20% {
transform:translate(2px,-2px);
}
40% {
transform:translate(2px,2px);
}
60% {
transform:translate(-2px,2px);
}
80% {
transform:translate(-2px,-2px);
}
100% {
}
}
#liminal-pic{
position: absolute;
left: 72;
top: 449;
z-index: 4005;
width: 90;
height:135;
object-fit:cover;
filter: contrast(156%) grayscale(80%);
transition: 0.5s ease-in-out
}
#liminal-pic:hover{
filter: none;
}
#shrine4{
position: absolute;
left: 231;
top: 517;
z-index: 4005;
width: 79;
height:109;
border-radius: 50%;
filter: contrast(156%) grayscale(86%) invert() opacity(67%)
}
#shrine1-border{
position: absolute;
left: 16;
top: 231;
z-index: 4000;
width: 141;
filter: grayscale(58%) sepia(13%);
}
#shrine2-border{
position: absolute;
left: 147;
top: 198;
z-index: 4000;
width: 183;
filter:
grayscale(72%);
}
#shrine3-border{
position: absolute;
left: 206;
top: 371;
z-index: 4000;
width: 124;
filter: grayscale(49%) brightness(107%) ;
}
#shrine4-border{
position: absolute;
left: 35;
top: 406;
z-index: 4000;
width: 163;
filter:
grayscale(86%)
contrast(112%);
}
#shrine7-border{
position: absolute;
left: 208;
top: 494;
z-index: 4000;
width: 126;
filter:
grayscale(78%)
contrast(114%);
}
#txt1{
position: absolute;
left: 184;
top: 205;
z-index: 4005;
color: #c1b7ae;
text-shadow: rgb(75, 62, 49) 1px 0px 0px, rgb(75, 62, 49) 0.540302px 0.841471px 0px, rgb(75, 62, 49) -0.416147px 0.909297px 0px, rgb(75, 62, 49) -0.989993px 0.14112px 0px, rgb(75, 62, 49) -0.653644px -0.756803px 0px, rgb(75, 62, 49) 0.283662px -0.958924px 0px, rgb(75, 62, 49) 0.96017px -0.279416px 0px;
width: 77;
text-align: center;
padding-top: 4.1%;
padding-bottom: 2.36%;
padding-left: 0.6%;
padding-right: 21;
filter: opacity(0);
transition: 0.5s ease-in-out;
}
#txt1:hover{
filter: opacity(1);
background: rgba(13, 13, 13, 0.5);
}
#txt2{
position: absolute;
left: 38;
top: 241;
z-index: 4005;
color: #c1b7ae;
width: 77;
text-align: center;
font-size:65%;
text-shadow: rgb(75, 62, 49) 1px 0px 0px, rgb(75, 62, 49) 0.540302px 0.841471px 0px, rgb(75, 62, 49) -0.416147px 0.909297px 0px, rgb(75, 62, 49) -0.989993px 0.14112px 0px, rgb(75, 62, 49) -0.653644px -0.756803px 0px, rgb(75, 62, 49) 0.283662px -0.958924px 0px, rgb(75, 62, 49) 0.96017px -0.279416px 0px;
padding-top: 4.1%;
padding-bottom: 2.36%;
padding-left: 0.6%;
padding-right: 21;
filter: opacity(0);
transition: 0.5s ease-in-out;
border-radius: 50%;
}
#txt2:hover{
filter: opacity(1);
background: rgba(13, 13, 13, 0.5);
}
#txt3{
position: absolute;
left: 71;
top: 476;
z-index: 4005;
color: #c1b7ae;
width: 86;
text-align: right;
font-size: small
}
#txt4{
position: absolute;
left: 230;
top: 507;
z-index: 4005;
color: #c1b7ae;
width: 84;
height: 31;
text-align: center;
font-size: x-small;
text-shadow: rgb(75, 62, 49) 1px 0px 0px, rgb(75, 62, 49) 0.540302px 0.841471px 0px, rgb(75, 62, 49) -0.416147px 0.909297px 0px, rgb(75, 62, 49) -0.989993px 0.14112px 0px, rgb(75, 62, 49) -0.653644px -0.756803px 0px, rgb(75, 62, 49) 0.283662px -0.958924px 0px, rgb(75, 62, 49) 0.96017px -0.279416px 0px;
border-radius: 50%;
padding-top: 30;
padding-bottom: 52;
transition: 0.5s ease-in-out;
filter: opacity(0)
}
#txt4:hover{
filter: opacity(1);
background: rgba(13, 13, 13, 0.5);
}
#music-desc{
position: absolute;
left: 1177;
top: 106;
width: 335;
color: #c1b7ae;
text-align: center;
}
#backg1{
position: absolute;
left: 1150;
top: 37;
width: 176;
color: #c1b7ae;
text-align: center;
z-index: -500;
filter: sepia(17%) ;
transform: rotate(-4deg);
}
audio{
position: absolute;
left: 1187;
top: 164;
width: 312;
z-index: -6000000;
}
#music-player{
position: absolute;
left: -90;
animation-name: vibrate-slow;
animation-duration: 10s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
}
footer{
position: relative;
top: 4138;
background-color: #beae9c;
padding: 1;
border: inset;
color: #4b3e31;
text-align: center;
}
body{
background-image: url(images/own/bg2.jpg);
background-size: 28%;
}