.tophalf{
    border: ;
    width:100%;
    height: 950px;
    
    
}

.D{
  width:108px;
    height:103px;
    position: relative;top:400px; left:650px;
}


.E{
   width:108px;
    height:103px;  
     position: relative;top:400px; left:650px;
    
}


.A{
   width:108px;
    height:103px;  
     position: relative;top:400px; left:650px;
}

.N{
width:108px;
    height:103px;  
     position: relative;top:400px; left:650px;
}

.O{
     width:108px;
    height:103px; 
     position: relative;top:400px; left:650px;
}

.mf{
    width:63px;
    height:38px;
    position: relative;top:400px; left:660px;
}
.projecttitle{
    width: 324px;
    height: 75ppx;
}
.projecttitled{
    position: relative;left: 800px;bottom:20px
}

.shadow{
    
    width:666px;
    height:100px;
    position: relative;top:520px; left:30px
}

body{
  margin: 0px;
  padding: 0px;
}
canvas{
  display: grid;
  grid-template-columns: 1fr;
 height: 830px;
    width: 1889px;
}

.prolookout{
    width:882px;
    height: 348px;
    border:;
   position: relative; left:500px;
    box-shadow: 1px 1px 10px 10px lightgrey;
}

.progetoutthere{
    width:882px;
    height: 348px;
    border:;
   position: relative; left:500px; top:100px;
    box-shadow: 1px 1px 10px 10px lightgrey;
    
}

.sherlock{
       width:882px;
    height: 348px;
    border:;
   position: relative; left:500px; top:200px;
    box-shadow: 1px 1px 10px 10px lightgrey;
}
.Urban{
       width:882px;
    height: 348px;
    border:;
   position: relative; left:500px; top:300px;
    box-shadow: 1px 1px 10px 10px lightgrey;
}
.lookoutcardimage{
   
}
.yellowbuton{
    width:222px;
    height: 42px;
    position: relative; left:1300px; top:100px;}
.greenbuton{
    width:222px;
    height: 42px;
    position: relative; left:1300px; top:200px;}
.redbuton{
    width:222px;
    height: 42px;
    position: relative; left:1300px; top:300px;}
.bluebuton{
    width:222px;
    height: 42px;
    position: relative; left:1300px; top:400px;}

.container{
   width:1920px;
    height:800px;
    background-image:url(Pics/backgroundcolours.png);
    display:flex;
    align-items: center;
    justify-content: center;
    box-shadow: 10px 5px 10px 10px #7F7C7C;
}

.aboutbutton{
    width:140px;
    height:50px;
    position: relative;top:20px; left:300px;
}