- background: #fff; }
- body { position: fixed;
- width: 100%;
- height: 100%;
- margin: 0;
- background-image:url(https://i.ibb.co/b5dyLkJ/blue-aesthetic-wallpapers-wallpaper-cave-blue-aesthetic-background.jpg);
- background-size:cover;
- font-family: Calibri;} a {text-decoration: none;
- color: white;} #Main {
- position: absolute;
- width: 50%;
- height: 60%;
- left: 15%;
- top: 20%;
- background: #B0D4F3;
- border-radius: 10px;
- overflow: hidden;
- border-top: 3px solid #5FAEF0;
- z-index: 10;
- box-shadow: 2px 2px 10px black;} #Mleft {
- color: #5FAEF0;
- position: absolute;
- width: 15%;
- left: 70%;
- height: 60%;
- top: 20%;
- background: #B0D4F3;
- overflow: hidden;
- border-radius: 10px;
- border-top: 3px solid #5FAEF0;
- z-index: 10;
- box-shadow: 2px 2px 10px black;}#RgN {
- display: block;
- float: left;
- transition: all 1s ease;
- margin-left: 12%;
- width: 20px;
- height: 20px;
- border-radius: 50%;
- background: #91CAF9;
- margin-top: 3%;} #RgN:hover {
- background: #5FAEF0;} #b1, #b2, #b3 {
- position: absolute;
- margin-top: -100%;
- width: 100%;
- height: 100%;
- z-index: -1;
- transition: all .5s ease;} #b2:target {
- margin-top: 0%;
- z-index: 1;
- background-image: url(https://i.postimg.cc/GtcMWHZk/ffd72bb6700bcaec2e7b1aad3097073f.jpg);
- background-size: cover;} #b1:target {
- margin-top: 0%;
- z-index: 2;
- background-image: url(https://i.postimg.cc/gcQJ7gkT/18a321a38a67e0bb7a8c4fd156294da5.jpg);
- background-size: cover;} #imgfx {
- top: 8%;
- position: absolute;
- width: 80%;
- left: 10%;
- border-radius: 10px;
- border-left: 3px solid #5FAEF0;
- box-shadow: 2px 2px 5px black;
- filter: grayscale(50%);
- transition: all 1s ease;} #vid {
- background: black;
- position: absolute;
- width: 165px;
- height: 120px;
- top: 57%;
- left: 10%;
- box-shadow: 2px 2px 5px black;} #Ml {
- position: absolute;
- width: 100%;
- height: 100%;
- bottom: -93%;
- transition: all 1s ease;
- background:black;} #Mleft:hover #imgfx {
- filter: grayscale(1%);} #Ml:hover {
- bottom: 0;
- background: transparent;} #Ab {
- color:white;
- width: 100%;
- height: 7%;
- background: #91CAF9;
- position: absolute;
- transition: all 1s ease;} #Ml:hover #Ab {
- background: #5FAEF0;} #Ml:hover #at {
- letter-spacing:5px;
- font-weight:bold;} #spce {
- width:100%;
- height:50%;} #Dat {
- border-top:5px solid #5FAEF0;
- background: #91CAF9;
- width: 100%;
- height: 50%;} #at {
- text-align: center;
- letter-spacing: 2px;
- font-size: 12px;
- margin: 0;
- margin-top: 10px;
- transition: all 1s ease;} #fot {
- height: 7%;
- width:100%;
- position:absolute;
- background:#91CAF9;
- bottom:0;} .animacion {
- color: white;
- display: block;
- width: auto;
- height: 40px;
- position: absolute;
- font-size: 12px;
- line-height: 40px;
- float: left;
- width: auto;
- -webkit-animation-iteration-count: infinite;
- -webkit-animation-timing-function: linear;
- -webkit-animation-duration: 15s;
- letter-spacing: 3px;
- -webkit-animation-name: scroll;} .animacion a {
- color: white;} @-webkit-keyframes scroll {
- 0% { left: 100%;} 100% {
- left: -100%;}} .animacion span {
- transition: all 1s ease;} .animacion:hover {
- -webkit-animation-play-state: paused;} .animacion:hover span {
- letter-spacing: 4px;} #Name {
- color:#5FAEF0;
- text-align: center;
- font-size: 18px;
- letter-spacing: 3px;
- margin-top: 10px;
- transition: all 1s ease;} #N2 {
- text-align: center;
- font-size: 10px;
- letter-spacing: 2px;
- margin-top:-5px;
- color:white;} #Name:hover {
- color:white;
- letter-spacing:5px;} #br {
- position:absolute;
- width:50%;
- left:25%;
- border-top:1px solid #5FAEF0;
- top:65%;} #ft2 {
- font-size:9px;
- letter-spacing:2px;
- color:#5FAEF0;
- position:absolute;
- bottom:0;
- left:5%;} #desc {
- width: 60%;
- height: auto;
- margin-top: 20%;
- margin-left: 20%;
- overflow: auto;
- border-radius: 5px;
- transition: all 1s ease;
- text-align:center;
- font-size:10px;
- color:white;} #desc:hover {
- background:#5FAEF0;
- color:white;} #frds {
- position: absolute;
- top: 7%;
- left: 5%;
- width: 25%;
- height: 80%;
- background-image:url(https://i.ibb.co/gSZ8y8G/wp5952152.png);
- background-size:cover;
- overflow:auto;
- box-shadow:2px 2px 10px gray;
- border-radius:0 5px 5px 0;} #F1 {
- position: absolute;
- width: 97%;
- height: 15%;
- background: rgba;
- display: block;
- float: left;
- left: -81%;
- transition: all 1s ease;
- border-right: 5px solid #5FAEF0;} #F1:nth-child(2) {
- top:15%;} #F1:nth-child(3) {
- top: 30%;} #F1:nth-child(4) {
- top: 45%;} #F1:nth-child(5) {
- top: 60%;} #F1:nth-child(6) {
- top: 75%;} #F1:nth-child(7) {
- top: 90%;} #F1:nth-child(8) {
- top: 105%;}#F1:nth-child(9) {
- top: 120%;}#F1:nth-child(10) {
- top: 135%;} #F1:nth-child(11) {
- top: 150%;} #F1:nth-child(12) {
- top: 165%;}#F1:nth-child(13) {
- top: 190%;} #F1:nth-child(14) {
- top: 205%;} #F1:hover {
- left:0;
- background:#C3E4FF;
- text-shadow:1px 1px 5px #5FAEF0;} #frds::-webkit-scrollbar, #Apst::-webkit-scrollbar {
- width: 3px;
- background-color: transparent;} #frds::-webkit-scrollbar-thumb, #Apst::-webkit-scrollbar-thumb {
- width: 1px;
- background-color: #5FAEF0;} #F1:hover #number p {
- color:#5FAEF0;} #number {
- position: absolute;
- width: 20%;
- left: 83%;
- height: 100%;} #number p {
- color: white;
- font-size: 12px;
- text-align: center;
- transition: all 1s ease;} #regs {
- position: absolute;
- width: 40%;
- left: 40%;
- height: 100%;
- font-size: 8px;
- color: gray;
- letter-spacing: 1px;
- transition: all 1s ease;} #regs:hover {
- color:#ff4b4b;} #imgf {
- position: absolute;
- width: 30%;
- left:5%;
- top:5%;
- height: 85%;
- border-radius:5px;
- box-shadow:2px 2px 5px black;} #Dtxt {
- position:absolute;
- left:35%;
- top:-60%;
- text-align: center;
- letter-spacing:3px;
- color: #5FAEF0;
- font-weight: 200;
- padding-top: 40vh;
- overflow: hidden;
- -webkit-backface-visibility: hidden;
- -webkit-transform: translate3d(0,0,0);} #Nye, #Descr {
- display: inline-block;
- overflow: hidden;
- white-space: nowrap;} #Nye {
- font-size: 32px;} #Descr {
- font-size:18px;
- margin-bottom:10px;} #Nye:first-of-type, #Descr:first-of-type {
- animation: showup 7s infinite;} #Nye:last-of-type, #Descr:last-of-type {
- width: 0px;
- animation: reveal 7s infinite;} #Spn {
- margin-left: -355px;
- animation: slidein 7s infinite;} @keyframes showup { 0% {
- opacity: 0;} 20% {
- opacity: 1;} 80% {
- opacity: 1;} 100% {
- opacity: 0;}} @keyframes slidein { 0% {
- margin-left: -800px;}20% {
- margin-left: -800px;} margin-left: 0px;} 100% {
- margin-left: 0px;}} @keyframes reveal { 0% {opacity: 0;
- width: 0px;} 20% {
- opacity: 1;
- width: 0px;} 30% {
- width: 355px;} 80% {
- opacity: 1;} 100% {
- opacity: 0;
- width: 355px;}} #brd {
- width:50%;
- border-bottom:1px solid #5FAEF0;
- margin-top:12%;
- margin-left:38%;} #Apst {
- position:absolute;
- width:60%;
- height:60%;
- top:27%;
- left:35%;
- overflow:auto;} #post {
- width: 99%;
- height: 95%;
- margin-bottom: 5%;
- border-left:1px solid #5FAEF0;} #etiq {
- position:absolute;
- color:white;
- background:#5FAEF0;
- margin:0;
- font-size:10px;
- letter-spacing:2px;} #imgpost {
- position: relative;
- width: 80%;
- height: 55%;
- border-radius: 5px;
- margin-top: 7%;
- left: 10%;
- box-shadow:2px 2px 5px dimgray;}#titl { letter-spacing:2px;
- color:dimgray;
- text-align:center;
- font-size:10px;
- height:30%;
- width:80%;
- margin-left:10%;
- border-right:1px solid #5FAEF0;} #b3:target {
- margin-top: 0%;
- z-index: 30;
- background: rgba(50,50,50,0.6);
- background-image: url(https://i.postimg.cc/tCS1tt1j/9-90322-15-blur-effect-transparent-png-for-free-download.png);
- background-size: cover;
- cursor: url(https://i.postimg.cc/pLqsbffD/cursor.png),zoom-in;} #xCrim {
- position: absolute;
- width: 40%;
- height: 50%;
- background: white;
- border-radius: 10px 0 0 0;
- box-shadow: 7px 7px #3d3d3d;
- left: 30%;
- top: 25%;
- text-align: center;}#Cbtn {
- position: absolute;
- width: 50px;
- height: 50px;
- right: 1%;
- top: 1%;} #Cbtn img {
- width: 100%;} .lr {
- position: absolute;
- top: 50%;
- width: 80%;
- text-align: center;
- color: dimgray;
- left: 10%;} .letter {
- font-size: 40px;
- text-shadow: 2px 2px 10px dimgray;
- transition: all .3s ease;} .letter:hover {
- color: #8f3232;
- margin-left: 5px;
- margin-right: 5px;} #dds {
- margin-top: 0px;
- color: darkgray;
- font-size: 12px;
- letter-spacing: 2px;
- transition: all 1s ease;} #dds:hover {
- letter-spacing: 5px;
- color: #8f3232;} #cimgx {
- background: lightgray;
- position: absolute;
- top: 5%;
- left: 38%;
- width: 25%;
- border: 5px solid lightgray;
- overflow: hidden;
- border-radius: 50%;
- box-shadow: 1px 1px 10px dimgray;} #imgxx {
- width: 100%;
- height: 100%;
- transition: all .5s ease;
- filter: grayscale(60%);} #cimgx:hover #imgxx {
- -webkit-transform: scale(1.1);
- filter: grayscale(1%);} #Tt {
- position: absolute;
- bottom: 5%;
- width: 100%;
- text-align: center} #cf {
- width: 100%;
- position: absolute;
- top: 73%;} #btnCr {
- top:1%;
- right:3%;
- width:15%;
- height:6%;
- background:#5FAEF0;
- position:absolute;
- border-radius:15px;}#btnCr img {
- width:50%;
- margin-left:25%;
- margin-top:12%;}div#nowafixed{}
- div#noowayfixed {
- z-index: 2147483647;
- position: fixed;
- bottom: 0;
- left: 0;
- }
- div#noowaymenu
- {