@charset "utf-8";


.headerpic {
	object-fit: contain;
	width: 100%; height: 100%; 
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	}

/* header text box */
.header {
    padding: 5px;
    text-align: center;
    color: white;
    font-size: 25px;
    background:  #7B0F1C;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.header p {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color:#FFFC14;
}
/* Keyboard background */
#kbbackground {
	background-image: url("Keyboardbackground.jpg");
	padding-bottom: 15px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

/* Introduction*/
#blurb {
    background-color: rgba(123,15,28,0.8);
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    font-size: large;
    color: white;
    margin-top: 10px; 
	margin-left: 10%;
	padding-top: 2%;
    padding-left: 10%;
    margin-right: 10%;
    padding-right: 10%;
	padding-bottom: 10px;	
	border-radius: 10px;
}
/* TWO-COLUMN LAYOUT*/
.two-column-layout {
	margin-left: 5%; 
	margin-right:5%; 
	display: grid;
	gap: 30px;
	grid-template-columns: 1fr 1fr;
}
/* TWO-COLUMN LAYOUT END*/

/*Services sections*/
.services {

  	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: large; 
}

.inlinepic {
	object-fit: contain;
	width: 100%; height:100%;
	
}

.breakline>hr {
	color:#FD0C01 ;
	width: 80%;
	margin-top:30px;
	margin-bottom: 30px;
			
}

#health {
	padding:15px; 
	border-radius: 10px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: large;
	background-color: rgba(56,56,56, 0.8);
	color: white;
		
}
#troubleshooting {
	padding:15px; 
	border-radius: 10px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: large;
	background-color: rgba(56,56,56,0.8);
	color: white;
		
}

#recovery {
	margin-top: 5px; 
	padding:15px; 
	border-radius: 10px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: large;
	background-color: rgba(56,56,56,0.8);
	color: white;
}
	#prices {
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		margin-top: 5px; 
		padding: 15px; 
		border-radius: 10px;
		background-color: rgba(56,56,56,0.8);
		color: white;
		}
#prices>h1 {color: #FFFC14}

#repairs 	{
		margin-top: 5px; 
		padding:15px; 
		border-radius: 10px;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-size: large;
		background-color: rgba(56,56,56,0.8);
		color: white;
		
}

#advice {
	background-color: rgba(56,56,56,0.8); 
	color: white;
	margin-left: 10%; 
	margin-right: 10%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: large;
	margin-top: 5px; 
	padding:15px; 
	border-radius: 10px;
}

#linux {
	background-color: rgba(56,56,56,0.8); 
	color: white;
	margin-left: 10%; 
	margin-right: 10%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: large;
	margin-top: 5px; 
	padding:15px; 
	border-radius: 10px;
}

#cannot {
	background-color: rgba(56,56,56,0.8); 
	color: white;
	margin-top: 5px; 
	margin-bottom: 5px; 
	padding:15px; 
	border-radius: 10px;
	margin-left: 10%; 
	margin-right: 10%; 
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

#operation{background-color: rgba(56,56,56,0.8); 
	color: white;
	margin-left: 10%; 
	margin-right: 10%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: large;
	margin-top: 5px; 
	padding:15px; 
	border-radius: 10px;
}

.contact {
	    text-align: center;
    color: #FFFC14;
    font-size: medium;
    background:  #7B0F1C;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 10%;
    margin-right: 10%;
    margin-top: 10px;
    border-radius: 10px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    }

#award {
	vertical-align: center;
}

.footerpic {
	display: block;
  	margin: auto;
	object-fit: contain;
	width: 50%; 
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
/* Hyperlink colours */

a:link {
  color: #FFFC14;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #FFFC14;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

.email>a:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

.email>a:visited {
  color: #white;
  background-color: transparent;
  text-decoration: none;
}

.email>a:hover {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

.email>a:active {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}