:root{--color-PickledBluewood: #233647;--color-CadetBlue: #A6B2C4;--color-Sulu: #C6EE80;--color-Wewak: #F39C8F }body{margin:0;font-size:18px;font-family:Inter,sans-serif}header{background-color:#164560;height:100px;display:flex;justify-content:space-between;align-items:center;gap:40px}.LogoContainer{display:flex;flex-direction:column;margin:0 60px}.ProfileContainer{display:flex;margin:0 60px}.LinksContainer{display:flex;height:100%;width:100%;justify-content:start;align-items:end;a:hover {color: #C6EE80; border-bottom: #C6EE80 3px solid;}}.LinksContainer :is(a){text-decoration:none;color:#fff;font-weight:700;font-size:18px;margin-right:40px;margin-bottom:10px}.Hero{background-color:#216e99;height:500px}.Search{background-color:#b7ddf2;height:100px}.ContentContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:salmon;width:100%;flex-wrap:wrap}.ContentHeader{display:flex;justify-content:center;width:100%}.ContentGrid{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;margin:0 40px}.ContentCard{height:250px;width:180px;background-color:#000}footer{background-color:salmon;padding:10px 0;display:flex;flex-direction:column;justify-content:center;align-items:center}