body {
         
      
  <head>
    <meta charset="utf-8">
    <title> Football </title>
    <link rel="shortcut icon" type="image/jpg" href="unnamed.jpeg"
      />
  </head>

  <body style="margin:0;">

    <!--First section-->
    <div style="background-image: url('images/background.jpg');
      background-size: cover; height:480px; padding-top:80px;
      text-align:center;">
      <img src="unnamed.jpeg" style="height:150px; border-radius:
        50%; border: 10px solid #1F9AFE;" 
      <h1 style="font-size:100px; color:#1F9AFE; margin:10px;">football</h1>
      <p style="font-size:30px; color:#1F9AFE ;"><em>
      <p style="font-size: 20px; color:#1F9AFE;"><a href="about.html">About this
          site</a></p>
    <br>
<br
       <h1 style="font-size:100px; color:#1F9AFE; margin:10px;">football</h1>
      <p style="font-size:30px; color:#1F9AFE ;"><em>
      <p style="font-size: 20px; color:#1F9AFE;"><a href="about.html">About this
          site</a></p>
    
    </div>
   
    
    
    
     body {
         background-image: url('');
         background-repeat: no-repeat;
         background-attachment: scroll;
         background-size: cover;
         background-position-x: center;
     }


h1 { font-family: "Times New Roman"; 
     font-size: 48px;
     color: blue; }

h2 { color: red; }

p { font-family: Brush Script MT, Brush Script Std, cursive;
    font-size: 30px;
    text-align: center; }


.flotte { float:right;}

a { font-family: Brush Script MT, Brush Script Std, cursive;
    color: blue;}

