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 {