/* shared design to be shared in all the pages */
*{box-sizing: border-box;} 

body{
background-color:rgb(150, 234, 234);
color: black;
font-family: 'Times New Roman', Times, serif;
h1 h2 h3{
    font-weight: 900;
    text-underline-position: below;

}
.header h1{ margin: 0;}

}
.logo{
 text-align: center;

}
header{
background-color: #000000f5;
padding: 24px 16px;
text-align: center;
color: #d8ebef;
margin: 0%;

    

}
nav{
     background-color: #135a5a;
    padding: 14px;
    text-align: center;
    margin: 0%;

}
nav a{
     display: inline-block;
    margin: 4px 10px;
    color: #297bb1;
    font-weight: bold;
}
.screenreplacement{
    src: url(img/backscreen\ repair\ 2.jpg);
    src: url(img/Apple\ iPhone\ 11\ Screen\ Replacement.jpg);

}
main{max-width: 900;margin: auto;padding: 20px; }
.card{background: rgb(240, 244, 246);padding: 70px; border-radius: 80px;}
                
:link, a:visited {
  background-color:rgb(24, 102, 228);
  color:rgb(206, 206, 231);
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover{
    background-color:rgb(229, 185, 8);
}
a:active {
background-color: aliceblue;
}
button{
    a:visited{
        background-color: aliceblue;
        padding: 10px 5px;
        display: block;


    }
a:hover{
    background-color: rgb(255, 34, 0);
}
}
footer{
    background-color: rgb(2, 2, 9);
    text-align: center;
    padding: 18px;
    color: beige;
}
h1 h2 h3 h4 h5 h6{
    font-weight: bolder;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    text-decoration: underline;

}
.flex-container{
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
}

textarea{
    padding: 30px;
}
.card{
    background-color: beige;
}
button{
    background-color: #e6edf1;
    color: #297bb1;
}


table {
    width: 400px;
    border-spacing: 20px;

}
table, td, th{
    border: 1px solid black;
    border-collapse: collapse;
}