body {
    color: black;
    margin: 1px;
}
header{
    height: 150px;
    background-color: white;
}
header a{
    align-items: center;
    width:120px;
    color:darkred;
    border: 2px solid black;
    box-shadow: 4px -6px darkgray;
    font-weight:600;
}
footer{
    display: flex;
    height: 60px
}
.page1{
    align-items: center;
    text-align: center;
    margin-left: 30%;
    width:100px;
    height:30px;
    flex:20;
    color:darkred;
    border: 1px solid black;
    font-weight:500;
   
    box-shadow: -4px 6px darkgray;
}
.page2{
    align-items: center;
    text-align: center;
    margin-right: 30%;
    width:100px;
    height:30px;
    flex:20;
    color:darkred;
    border: 1px solid black;
    font-weight:500;
   
    box-shadow: 4px 6px darkgray;
}

#image3{
    display:flex;
}
.ss {
    border: solid 7px;
    width: 31.6%;
}
h1:hover{
    color:darkred;
}
h1::first-letter{         /* first letter in firet line*/
    font-size: 48px
}
.centred_image {
    float:right
}
.box0 {
    
    background-color: rgb(130, 130, 130);
}
.container{
    background-color: rgb(130, 130, 130);
    height: 600px;
    display: flex;
}
.box1 {
    text-align: center;
    
    background-color: rgb(224, 224, 224);
    margin: 5px;
    border: 5px solid rgb(130, 130,130);
    padding: 3px;
}

#left {
    flex: 30;
    height: 100%;
    
    background-color: darkgray;
}
#right {
    flex: 23;
    height: 100%;
   
    background-color: darkgray;
}
#center{
    flex: 32;
    height: 100%;
    margin-left:10px;
    margin-right:10px;
    background-color: darkgray;
}

/*next are page2 elements*/
.container2{
    background-color: rgb(130, 130, 130);
    height: 600px;
    display: flex;
}
#famous {
    flex:1;
    height:100%;
    margin-left: 10px;
    margin-right:10px;
    background-color: darkgray;
}
#famous2 {
    flex:20
}
#turing {
   
    border:solid 7px;   
}
.intro{
    font-weight: 500;
    font-size: 25px;
    text-align: center;
}
.intro::first-letter{
    font-size: 25px;
}
.boat{
    font-size: 13px;
}
/*next are page3 elements*/
.container3{
    background-color: rgb(130, 130, 130);
    height: 900px;
    display:block;
}
.box3l{
    float:right;
    background-color: rgb(224, 224, 224);
    margin: 5px;
    border: 5px solid rgb(8, 8, 8);
    padding: 10px;
}
.box3r{
    float:left;
    background-color: rgb(224, 224, 224);
    margin: 5px;
    border: 5px solid rgb(8, 8, 8);
    padding: 10px;
}
#left3{
    display: block;
    
}
#right3{
    display: block;
}
div p::first-letter{
    font-size: 30px;
}
.references{
    display:flex;
    flex-direction: column;
}