/**************
|  style.css  |
**************/

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: lightskyblue;
	box-sizing: border-box;
	text-align: center;
	color: #222;
	padding: 0;
	margin: 0;
}

.container {
	margin: auto;
	background-color: #f7f7f7;
	min-height: 100vh;
}

.container h1 {
	color: navy;
	font-size: 32px;
	margin: 0 auto;
	padding: 20px 25px 10px;
}

.container h2 {
	font-size: 27px;
	margin: 0 auto;
	padding: 10px 25px;
	color: deeppink;
}

.container p {
	font-size: 20px;
	margin: 0 auto;
	padding: 25px;
	width: 90%;
}

a {
	outline: none;
	color: deeppink;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: navy;
}

.row1 i,
.row2 i,
.row3 i {
	font-size: 60px;
	padding: 10px;
}

/*************************************/

.fa-windows {
	color: rgb(0, 120, 214);
}

.fa-apple,
.fa-chrome,
.fa-linux {
	color: #222;
}

.fa-android {
	color: rgb(148, 194, 72);
}

.fa-app-store-ios {
	color: rgb(27, 169, 243);
}

/*************************************/

.fa-chrome {
	color: rgb(50, 171, 113);
}

.fa-firefox {
	color: orangered;
}

.fa-safari {
	color: rgb(27, 119, 241);
}

.fa-opera {
	color: rgb(255, 20, 41);
}

.fa-edge {
	color: rgb(0, 120, 214);
}

.fa-brave {
	color: rgb(254, 48, 17);
}

/*************************************/

.fa-facebook-square {
	color: rgb(59, 87, 157);
}

.fa-youtube {
	color: rgb(222, 40, 37);
}

.fa-whatsapp-square {
	color: rgb(11, 178, 101);
}

.fa-facebook-messenger {
	color: rgb(1, 156, 247);
}

.fa-weixin {
	color: rgb(78, 189, 48);
}

.fa-instagram-square,
.fa-x-twitter,
.fa-tiktok {
	color: #222;
}

.fa-linkedin {
	color: rgb(2, 112, 173);
}

.fa-twitter {
	color: rgb(51, 204, 255);
}

.fa-reddit {
	color: rgb(255, 63, 24);
}

.fa-pinterest {
	color: rgb(215, 53, 50);
}

.fa-tumblr-square {
	color: rgb(49, 67, 88);
}

.fa-flickr {
	color: rgb(254, 0, 131);
}

.fa-snapchat-square {
	color: goldenrod;
}

.fa-skype {
	color: rgb(0, 175, 240);
}

.fa-github {
	color: rgb(16, 16, 16);
}

.fa-discord {
	color: rgb(87, 101, 242);
}

/*************************************/

table {
	border-collapse: collapse;
	text-align: center;
	margin: 20px auto;
}

td {
	width: 40px;
	height: 40px;
	padding: 10px;
	border-collapse: collapse;
	border: 3px solid #f7f7f7;
}

.black {
	background-color: #666;
}

.black i {
	background-color: #666;
	font-size: 40px;
}

.black-piece {
	color: #222;
	text-shadow: 1px 1px 2px #eee;
}

.white {
	background-color: #999;
}

.white i {
	background-color: #999;
	font-size: 40px;
}

.white-piece {
	color: #f7f7f7;
	text-shadow: 1px 1px 2px #222;
}

/*************************************/

.emojis {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-evenly;
	background-color: #333;
	margin: 20px auto;
}

.emojis i {
	font-size: 60px;
	color: yellow;
	padding: 25px;
}

/*************************************/