background:repeating-linear-gradient(0deg, rgba(0, 77, 0,.2) 1px, transparent 2px, transparent 6px),          repeating-linear-gradient(90deg, rgba(0, 179, 0,.2) 1px, transparent 2px, transparent 1px),         radial-gradient(#ffffff, #000000); } *{padding:0; margin:0; box-sizing:border-box;} :root{--font: 'Abel', sans-serif;} a{display:inline-block; text-align:center; text-decoration:none;} #main-nasc{width:100%; height:100vh; background:url(https://s25.postimg.org/8foxh04hr/noise.png)top left repeat ,radial-gradient(#..., #..., #... 90%); font-family:var(--font); color:white; font-size:1em; overflow:hidden; position:relative; min-width:1080px;} #home-nasc{width:100%; height:100vh; position:absolute; top:0; left:0;} .container-nasc{width:480px; height:480px; position:relative; top:50%; left:50%; transform:translate(-50%, -50%); border:solid 5px white; border-radius:50%;} .navbar-nasc{width:100%; height:100%; position:absolute;} .btn-navbar-nasc{width:67px; height:67px; line-height:67px; font-size:2em; color:#006600; border-radius:50%; background:white; box-shadow:0 0 0 16px rgba(51, 0, 0,0), 0 0 0 33px rgba(51, 0, 0,0); position:relative;} .btn-navbar-nasc:hover{animation:pulse .5s infinite ease-in-out;}  @keyframes pulse{0%{box-shadow:0 0 0 0 white, 0 0 0 0 white;} 100%{box-shadow:0 0 0 8px transparent, 0 0 0 16px transparent;}}  #position-1{transform:translate(420px, 101px);} #position-2{transform:translate(370px, 206px);} #position-3{transform:translate(277px, 307px);} #position-4{transform:translate(135px, 388px);} .center-nasc{width:380px; height:380px; border-radius:50%; padding:10px; background:white; position:relative; top:50%; left:50%; transform:translate(-50% , -50%); overflow:hidden;} .img-princ-nasc{width:360px; height:360px; border-radius:50%; position:absolute;} .title-nasc , .subtitle-nasc{position:relative; display:inline-block; background:rgba(255,255,255,.4); border-radius:4px; line-height:40px; text-align:center;} .title-nasc{margin-top:160px; width:180px; margin-left:90px;} .subtitle-nasc{width:260px; margin-top:10px; margin-left:50px; font-size:1.2em;} .social-nasc{width:220px; height:50px; margin-top:20px; margin-left:70px; position:relative; display:flex; justify-content:center;} .btn-social-nasc{width:50px; height:50px; margin:0 10px; background:rgba(128, 0, 0,.4); border-radius:50%; overflow:hidden;} #footer-nasc{width:100%; position:absolute; display:inline-block; text-align:center; bottom:50px; font-size:.75em;} #video-nasc, #friends-nasc, #galery-nasc{width:100%; height:100vh; background:rgba(0,0,0,.75); visibility:hidden; overflow:hidden; opacity:0; transition:all 0.3s; z-index:100; position:absolute;}  .menu-page-nasc{position:absolute; width:460px; height:50px; right:30px; top:20px;} .btn-page-nasc{width:100px; height:40px; line-height:40px; margin:0 5px; background:white; color:#00cc00; box-shadow:0 5px #006600; border-radius:4px; text-transform:uppercase; transition:all .4s; margin-top:5px} .btn-page-nasc:hover{box-shadow:0 5px rgba(234,99,40,.4), 0 0 30px 20px rgba(0,0,0,.2);  background:#009900; color:white;} .box-video-nasc{width:500px; height:283px; position:relative; top:50%; left:50%; transform:translate(-50%, -50%); box-shadow:0 10px #009900;}   #content-nasc-3:target #friends-nasc, #galery-nasc{visibility:hidden; opacity:0;}  #content-nasc-3:target #video-nasc{visibility:visible; opacity:1;}   #content-nasc-2:target #video-nasc, #galery-nasc{visibility:hidden; opacity:0;}  #content-nasc-2:target #friends-nasc{visibility:visible; opacity:1;}   #content-nasc-1:target #video-nasc, #friends-nasc{visibility:hidden; opacity:0;}  #content-nasc-1:target #galery-nasc{visibility:visible; opacity:1;}   .bloco-friends-nasc{width:350px; height:570px; margin-top:120px; margin-left:40%; border-left:solid 1px #004d00; padding-left:20px;} .box-friends-nasc{width:280px; height:100px; margin-bottom:17px; text-align:left; position:relative;} .img-friends-nasc{width:100px; height:100px; padding:5px; border-radius:50%; background:#009900; position:relative; z-index:10;} .box-friends-nasc h2{position:absolute; width:90px; height:40px; top:30px; left:50px; background:white; border-radius:50px; line-height:40px; padding-left:0; font-size:.6em; color:#006600; transition:all .3s;} .simbol-nasc{width:40px; height:40px; display:inline-block; position:relative; right:-15px; text-align:center; font-size:2em; line-height:45px;} .box-friends-nasc:hover h2{width:200px; padding-left:60px; font-size:1em; line-height:40px;} .box-galery-nasc{width:530px; height:100vh; position:relative; overflow-y:scroll; padding:10px 10px; top:0; left:10%; background:black; border-right:5px solid #001a00; border-left:solid 5px #001a00;} .box-img-galery-nasc{width:474px; height:380px; overflow:hidden; margin:10px 10px; display:inline-block;} .img-nasc{width:474px; height:100%; filter:grayscale(1); transition:all .4s; cursor:pointer;} .box-img-galery-nasc:hover .img-nasc{transform:scale(1.4) rotate(8deg); filter:grayscale(0);}   ::-webkit-scrollbar{width:5px; background:white;}  ::-webkit-scrollbar-thumb{background:#008000;}*{cursor:url('...'),auto}#xatstyinfo,#xatstyabout0,#xatstywhatpoll,hr{display:none}#xatstyheader,td,#xatstymedia{background:none}table{position:fixed}table{bottom:0;