* {
    box-sizing: border-box;
}
.electrolize-regular {
  font-family: "Electrolize", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.orbitron-ok {
  font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
body{
    margin: 0;
    padding: 0;
    background-image: url("https://i.pinimg.com/originals/bb/c1/7e/bbc17ecad554f47f825904947f45b1e7.gif");
    background-size: cover;
}
.header {
    
    background-image: url("https://i.pinimg.com/1200x/c5/67/45/c567454b82faf48bb73b9292e14f879e.jpg");
    background-size: cover;
    color: white;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    right: 0;
    left: 0;
    top: 0;
    text-align: center;
}


.article
{   
    margin: 10px;
    background-color: white;
    width: 80%;
margin: 20px auto;
    padding: 20px;
}


.block1{
    display: flex;
    position: relative;
}.cd1 {
    flex: 5%;
}.cd2 {
    flex: 5%;
}.cd3 {
    flex: 5%;
}


.youre-reading {
    display: flex;
    background-color: white;
    width: 80%;
    position: relative;
    left: 10%;
    
    text-align: right;
}.c1 {
    flex: 5%;
    
}.c2 {
    flex: 70%;
    padding: 20px;
}

.block2 {
    display: flex
} .b2img{
    flex: 5%
} .b2txt {
    flex: 25%;
    padding: 20px;
}


.block3{
    display: flex;
} .b3img{
    flex: 5%
} .b3txt {
    flex: 25%;
    padding: 20px;
}

.block4{
    display: flex;
} .b4img{
    flex: 5%
} .b4txt {
    flex: 25%;
    padding: 20px;
}

.block5{
    display: flex;
} .b5img{
    flex: 5%
} .b5txt {
    flex: 25%;
    padding: 20px;
}