body{
    font-family: Tahoma;
}

.text-center{
    text-align: center;
}

.container{
    max-width: 1200px;
    margin: auto;
}

input{
    font-size: 40px;
    margin-bottom: 30px;
}

#result{
    padding: 15px 0px;
    font-size: 40px;
}

#result:hover{
    cursor: pointer;
    background-color: lightgray;
}

.pokemon-sprite{
    width: 150px;
}

h1{
    text-transform: uppercase;
}

.type{
    display: inline-block;
    padding: 0px 10px;
    text-transform: uppercase;
    font-weight: 700;
}

.flex{
    display: flex;
    justify-content: space-around;
}

.type-strength, .type-weakness{
    padding: 10px 20px;
}

.type-strength{
    background-color: rgba(82, 167, 82, 0.404);
}

.type-weakness{
    background-color: rgba(175, 97, 97, 0.404);
}


/* Colours */
.normal {
	background-color: #A8A878;
	border: 1px solid #6D6D4E;
}

.fire {
	background-color: #F08030;
	border: 1px solid #9C531F;
}

.water {
	background-color: #6890F0;
	border: 1px solid #445E9C;
}

.electric {
	background-color: #F8D030;
	border: 1px solid #A1871F;
}

.grass {
	background-color: #78C850;
	border: 1px solid #4E8234;
}

.ice {
	background-color: #98D8D8;
	border: 1px solid #638D8D;
}

.ground {
	background-color: #E0C068;
	border: 1px solid #927D44;
}

.flying {
	background-color: #A890F0;
	border: 1px solid #6D5E9C;
}

.ghost {
	background-color: #705898;
	border: 1px solid #493963;
}

.rock {
	background-color: #B8A038;
	border: 1px solid #786824;
}

.fighting {
	background-color: #C03028;
	border: 1px solid #7D1F1A;
}

.poison {
	background-color: #A040A0;
	border: 1px solid #682A68;
}

.psychic {
	background-color: #F85888;
	border: 1px solid #A13959;
}

.bug {
	background-color: #A8B820;
	border: 1px solid #6D7815;
}

.dark {
	background-color: #705848;
	border: 1px solid #49392F;
}

.steel {
	background-color: #B8B8D0;
	border: 1px solid #787887;
}

.dragon {
	background-color: #7038F8;
	border: 1px solid #4924A1;
}

.fairy{
    background-color: #ffc0cb;
	border: 1px solid #a85664;
}