dogo party new revision

.html

<div class="info">
    <h1>#dogoparty, #dogostore, #dogohq</h1>
    <p>Profilini "HERKESE AÇIK" duruma getirmeyi unutma!</p>
    <a class="" href="/">
        <div class="Igw0E rBNOH eGOV_ ybXk5 _4EzTm">
            <span class="glyphsSpriteApp_instagram__outline__24__grey_9 u-__7" aria-label="Instagram"></span>
            <div class="SvO5t"></div>
            <div class="cq2ai">
                <span class="glyphsSpriteMobile_nav_type_logo u-__7" aria-label="Instagram"></span>
                </div>
                </div>
                </a>
                </div>
                
                <div id="countdown">
  <div id="countdown-number"></div>
  <svg>
    <circle r="18" cx="20" cy="20"></circle>
  </svg>
</div>

------------------------------------------------------------------------------------------------

@import url('https://fonts.googleapis.com/css?family=Catamaran:400,500,600,700,800,900');
.id8oV, .NXc7H, .EZdmt {
display: none;
}
.yQ0j1 {
visibility: hidden;
}
.info {
position: fixed;
bottom: 50px;
right: 60px;
font-family: 'Catamaran', sans-serif;
color: #fff;
}
.Igw0E {
float:right;
margin:0 !important;
padding:0 !important;
}
.info h1 {
font-size: 1.5em;
margin-bottom: 30px;
font-weight: 700;
color:#2c3e50;
}
.info p {
font-size: 1em;
margin-bottom: 40px;
font-weight: 700;
opacity: 0.8;
font-weight: 300;
color:#e74c3c;
}
body {
background: url(https://images.unsplash.com/photo-1511184150666-9bb7d41a88f4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
._3Laht, .o64aR {
background-color: transparent !important;
}
/* image container */
.Nnq7C.weEfm {
flex-direction: column !important;
max-width: 600px;
animation-name: scroll;
animation-duration: 60s;
animation-delay: 1s;
-webkit-animation-timing-function: linear; 
animation-timing-function: linear;
}

@Keyframes scroll {
from {top: 0px;;}
to {top: -4000px;}
}
@Keyframes fadein {
from {
opacity: 0;
background: #222;
}
to { opacity: 1; }
}
._bz0w {
margin-bottom: 20px;
box-shadow: 0 2px 60px 0 rgba(0,0,0,0.1);
border: 10px solid #fff;
-webkit-animation: fadein 1s; 
animation: fadein 1s;
}
.FFVAD {
visibility: visible !important;
}
.weEfm {
margin-bottom: 0;
}

#countdown {
position: fixed;
left: 40px;
top: 40px;
height: 40px;
width: 40px;
text-align: center;
}
#countdown-number {
color: white;
display: inline-block;
line-height: 40px;
}
svg {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
transform: rotateY(-180deg) rotateZ(-90deg);
}
svg circle {
stroke-dasharray: 113px;
stroke-dashoffset: 0px;
stroke-linecap: round;
stroke-width: 2px;
stroke: white;
fill: none;
animation: countdown 60s linear infinite forwards;
}
@Keyframes countdown {
from {
stroke-dashoffset: 0px;
}
to {
stroke-dashoffset: 113px;
}
}
----------------------------------------------------------------------------

// Timer for reload
    setTimeout(function(){
        location = ''
    },30000);
    
var countdownNumberEl = document.getElementById('countdown-number');
var countdown = 30;
countdownNumberEl.textContent = countdown;
setInterval(function() {
  countdown = --countdown <= 0 ? 60 : countdown;
countdownNumberEl.textContent = countdown;
}, 1000);

https://i.ibb.co/8PzkyyQ/STR-background.jpg