/* removes white space around */
*{

 margin: 0; 
 padding: 0; 
 box-sizing:content-box; 

}

body {
    border-radius: 20px; /* All corners rounded equally */
    font-family: sans-serif;
    font-size: 25px;
    color: white
    
}

.title {
    
    height: 380px;
    
    
    display: flex;
    justify-content: center;
    align-items: center;       
       background-image: url("../img/miltiadis-fragkidis-K6UVUZcX3N8-unsplash.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
   .move-image {
    transform: translate(50px, 200px); /* Moves 50px right, 100px down */
  }
    
}

.titletext{
    width: 590px;
     border-radius: 100px;
    font-size: 38px;
    font-family: Jim nightshade;
    text-align: center; 
    background-color: #0b366e;
      border:15px solid gray;
   position: relative;
   transition: color 0.5s ease-in-out, font-size 0.4s ease-in-out;
   top: 40px;
}

.titletext:hover{
     color: #F0C420
}


.move-transform {
  /* Moves the image 50px right (X-axis) and 20px down (Y-axis) */
  transform: translate(5px, 50px);
}


.section1 {
    width: px;
    height: 800px;
        
    background-image: url("../img/miltiadis-fragkidis-K6UVUZcX3N8-unsplash.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    
    position: relative;
}



#box1 {
    width: 450px;
    border-radius: 100px;
    border-top-left-radius: 100px;
  
    position: absolute;
    
    top: px;
right: 190px; 
    
    padding: 60px;
     border:15px solid gray;
    background-color: #0b366e;
    transition: color 0.5s ease-in-out, font-size 0.4s ease-in-out;
    
}


#box1:hover {
    color: #F0C420
   
}


#box2{
    width: 450px;
    border-radius: 100px;
    border-top-right-radius: 100px;
     
    position: absolute;
    
    top: 365px;
    left: 190px; 
    
    padding: 100px;
     background-color: #0b366e;
     border:15px solid gray;
    transition: color 0.5s ease-in-out, font-size 0.4s ease-in-out;
}

#box2:hover {
    color: #F0C420
}



.section2 {
    width: px;
    height: 600px;
        
    background-color:red;
    
    
    background-image: url("../img/miltiadis-fragkidis-K6UVUZcX3N8-unsplash.jpg");
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: cover;
    
    
}

section3 {
    width: px;
    height: 200px;
        
    background-color:blue;
    
    position: relative;

}

#box3 {
    width: 450px;
    border-radius: 100px;
    border-top-left-radius: 100px;
 
    
    position: absolute;
    
    top: 1275px;
    right: 190px; 
    
    padding: 100px;
    
    background-color: #0b366e;
     border:15px solid gray;
    transition: color 0.5s ease-in-out, font-size 0.4s ease-in-out;
    z-index: 1;
}

#box3:hover {
    color: #F0C420
}


#box4{
    width: 450px;
    border-radius: 100px;
    border-top-right-radius: 100px;
  

     
    position: absolute;
    
    top: 1870px;
    left: 190px; 
    
    padding: 100px; 
     border:15px solid gray;
    z-index: 1;
    transition: color 0.5s ease-in-out, font-size 0.4s ease-in-out;
   
    background-color: #0b366e;
}

#box4:hover {
    
color: #F0C420
}

section4 {
    width: px;
    height: 200px;
        
    
    position: relative;
    
     background-image: url("../img/miltiadis-fragkidis-K6UVUZcX3N8-unsplash.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    
}

#box5 {
    width: 450px;
    border-radius: 100px;
    border-top-left-radius: 100px;
    
    position: absolute;
    
    top: 2430px;
    right: 190px; 
    
    padding: 100px;
    transition: color 0.5s ease-in-out, font-size 0.4s ease-in-out;
   
    background-color: #0b366e;
     border:15px solid gray;
    z-index: 1;
    fill-opacity: 18px;
}

#box5:hover {
    color: #F0C420
}


#box6 {
    width: 450px;
    border-radius: 100px;
    border-top-right-radius: 100px;

    position: absolute;
    
    top: 2850px;
    left: 190px; 
    
    padding: 100px;
    transition: color 0.5s ease-in-out, font-size 0.4s ease-in-out;
    background-color: #0b366e;
     border:15px solid gray;
    z-index: 1;
}

#box6:hover {
    color: #F0C420
}


.section5 {
    width: px;
    height: 600px;
        
    background-color:red;
    
    
    background-image: url("../img/miltiadis-fragkidis-K6UVUZcX3N8-unsplash.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    
    
}

.section6 {
    width: px;
    height: 800px;
        
    background-color:red;
    
    
    background-image: url("../img/miltiadis-fragkidis-K6UVUZcX3N8-unsplash.jpg");
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: cover;
    
    
}

.section7 {
    width: px;
    height: 600px;
        
    
         
    background-color:red;
    
    
    background-image: url("../img/miltiadis-fragkidis-K6UVUZcX3N8-unsplash.jpg");
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: cover;
    
    
}