@charset "UTF-8";
@import url("Caro.css");
/* CSS Document */
body {
    background-color:#FF87BC;
}
h1 {
    color:white;
	outline-color:black;
	text-align:center;
	font-family:cursive;
	}
#Title {
    background-color:lightgray;
	width: 100%;
	height: 100px;
	background-color:#0093CC;
}
#description {
    background-color:#0093CC;
	width: 100%;
	height: 200px;
}
h3 {
    text-align:auto;
	color:black;
	font-size:18px;
	font-family:Times New Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"
}
p {
    font-size: 19px;
    font-family: cursive;
}
.definition {
    color: #ffffff;
}
.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    width: 100%;
    padding: 20px;
}
.section {
    background-color:white;
	width:233px;
	height:270px;
    margin: 10px;
}
#photo1 {
    width: 213px;
    height: 213px;
    margin: 10px;
    background-image: url("https://i.imgur.com/qk4Sf8v.png");
    background-size: 213px;
}
#Caro-kann-defense {
    width: 233px;
    height: 55px;
    background-color: white;
    text-align: center;
}
a {
    color: black;
    font-size: 25px;
    font-family:cursive;
    text-decoration: none;
}
.section2 {
    margin: 10px;
    background-color:white;
	width:233px;
	height:270px;
}
#photo2 {
    width: 213px;
    height: 213px;
    margin: 10px;
    background-image: url("https://i.imgur.com/rlv7uaG.png");
    background-size: 213px;
}
#Dutch-defense {
    width: 233px;
    height: 55px;
    background-color: white;
    text-align: center;
}
.section3 {
    margin: 10px;
    background-color:white;
	width:233px;
	height:270px;
}
#photo3 {
    width: 213px;
    height: 213px;
    margin: 10px;
    background-image: url("https://i.imgur.com/Kq1qFS8.png");
    background-size: 214px;
}
#Englund-gambit {
    width: 233px;
    height: 55px;
    background-color: white;
    text-align: center;
}
.section4 {
    margin: 10px;
    background-color:white;
	width:233px;
	height:270px;
}
#photo4 {
    width: 213px;
    height: 213px;
    margin: 10px;
    background-image: url("https://i.imgur.com/AVXU5gE.png");
    background-size: 213px;
}
#French-defense {
    width: 233px;
    height: 55px;
    background-color: white;
    text-align: center;
}
.section5 {
    margin: 10px;
    background-color:white;
	width:233px;
	height:270px;
}
#photo5 {
    width: 213px;
    height: 213px;
    margin: 10px;
    background-image: url("https://i.imgur.com/7c4Yzx0.png");
    background-size: 220px;
}
#Indian-defense {
    width: 233px;
    height: 55px;
    background-color: white;
    text-align: center;
}
.section6 {
    background-color:white;
	width:233px;
	height:270px;
    margin: 10px;
}
#photo6 {
    width: 213px;
    height: 213px;
    margin: 10px;
    background-image: url("https://i.imgur.com/CkgvPVD.png");
    background-size: 214px;
}
#Italian-game {
    width: 233px;
    height: 55px;
    background-color: white;
    text-align: center;
}
.section7 {
    margin: 10px;
    background-color:white;
	width:233px;
	height:270px;
}
#photo7 {
    width: 213px;
    height: 213px;
    margin: 10px;
    background-image: url("https://i.imgur.com/CkgvPVD.png");
    background-size: 213px;
}
#Kings-gambit {
    width: 233px;
    height: 55px;
    background-color: white;
    text-align: center;
}
.section8 {
    margin: 10px;
    background-color:white;
	width:233px;
	height:270px;
}
#photo8 {
    width: 213px;
    height: 213px;
    margin: 10px;
    background-image: url("https://i.imgur.com/egyvB4t.png");
    background-size: 214px;
}
#London-system {
    width: 233px;
    height: 55px;
    background-color: white;
    text-align: center;
}
.section9 {
    margin: 10px;
    background-color:white;
	width:233px;
	height:270px;
}
#photo9 {
    width: 213px;
    height: 213px;
    margin: 10px;
    background-image: url("https://i.imgur.com/wcrFNgu.png");
    background-size: 213px;
}
#Queens-gambit {
    width: 233px;
    height: 55px;
    background-color: white;
    text-align: center;
}
.section10 {
    margin: 10px;
    background-color:white;
	width:233px;
	height:270px;
}
#photo10 {
    width: 213px;
    height: 213px;
    margin: 10px;
    background-image: url("https://i.imgur.com/IvaVjJb.png");
    background-size: 213px;
}
#Ruy-lopez {
    width: 233px;
    height: 55px;
    background-color: white;
    text-align: center;
}
.section11 {
    background-color:white;
	width:233px;
	height:270px;
    margin: 10px;
}
#photo11 {
    width: 213px;
    height: 213px;
    margin: 10px;
    background-image: url("https://i.imgur.com/eLMKQZv.png");
    background-size: 214px;
}
#Scandinavian-defense {
    width: 233px;
    height: 55px;
    background-color: white;
    text-align: center;
}
.section12 {
    margin: 10px;
    background-color:white;
	width:233px;
	height:270px;
}
#photo12 {
    width: 213px;
    height: 213px;
    margin: 10px;
    background-image: url("https://i.imgur.com/PyiKpps.png");
    background-size: 213px;
}
#Sicilian-defense {
    width: 233px;
    height: 55px;
    background-color: white;
    text-align: center;
}
.section13 {
    margin: 10px;
    background-color:white;
	width:233px;
	height:270px;
}
#photo13 {
    width: 213px;
    height: 213px;
    margin: 10px;
    background-image: url("https://i.imgur.com/n2Q0pqt.png");
    background-size: 214px;
}
#Trompowsky-attack {
    width: 233px;
    height: 55px;
    background-color: white;
    text-align: center;
}
.section14 {
    margin:10px;
    background-color:white;
	width:233px;
	height:270px;
}
#photo14 {
    width: 213px;
    height: 213px;
    margin: 10px;
    background-image: url("https://i.imgur.com/fSLSRuI.png");
    background-size: 213px;
}
#Vienna-game {
    width: 233px;
    height: 55px;
    background-color: white;
    text-align: center;
}
.section15 {
    margin: 10px;
    background-color:white;
	width:233px;
	height:270px;
}
#photo15 {
    width: 213px;
    height: 213px;
    margin: 10px;
    background-image: url("https://i.imgur.com/yqzblhG.png");
    background-size: 213px;
}
#Wayward-queen-attack {
    width: 233px;
    height: 55px;
    background-color: white;
    text-align: center;
}
.WQA {
    font-size: 22px;
}