* {
    padding-left: 20px;
}

body {
    background-color: rgb(255, 242, 230);
    background-size: cover;
}

header {
    width: 1400px;
    height: 450px;
    position: relative;
    text-align: center;
}

#Fortress {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6)), url(https://bigenc.ru/media/2016/10/27/1235240953/27258.jpg) no-repeat;
    background-size: cover;
}

#SaintIsaacCathedral {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6)), url(https://cdn2.civitatis.com/rusia/san-petersburgo/guia/catedral-san-isaac.jpg) no-repeat;
    background-size: cover;
}

#SaviorOnBlood {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6)), url(https://personaltours.ru/wp-content/uploads/2014/05/slide4_small-1078x350.jpg) no-repeat;
    background-size: cover;
}

#WinterPalace {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6)), url(https://fs.tonkosti.ru/4h/e6/4he650xmiuiokoggskos8ksck.jpg) no-repeat;
    background-size: cover;
}

#SmolnyCathedral {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6)), url(https://theater-photos.ru/wedding/wp-content/uploads/2015/03/%D0%9F%D0%B0%D0%BD%D0%BE%D1%80%D0%B0%D0%BC%D0%B0-%D0%A1%D0%BC%D0%BE%D0%BB%D1%8C%D0%BD%D0%BE%D0%B3%D0%BE-%D1%81%D0%BE%D0%B1%D0%BE%D1%80%D0%B0-2007.jpg) no-repeat;
    background-size: cover;
}

#Admiralty {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6)), url(https://hotel.democrat/wp-content/uploads/2016/09/admiralteystvo.jpg) no-repeat;
    background-size: cover;
}

#KazanCathedral {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6)), url(https://s3.nat-geo.ru/images/2019/7/23/cac70794d79d40c2826411c63b648c93.max-2500x1500.jpg) no-repeat;
    background-size: cover;
}

#SummerGarden {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6)), url(http://visit-petersburg.ru/media/uploads/audioguide/23/23_cover.jpg.1050x500_q95_crop_upscale.jpg) no-repeat;
    background-size: cover;
}

#Bridges {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6)), url(https://lounge-room.ru/wp-content/uploads/2018/04/chto-delat-esli-razveli-most-v-sankt-peterburge-2018-1024x358.jpg) no-repeat;
    background-size: cover;
}

#BronzeHorseman {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6)), url(https://cs9.pikabu.ru/post_img/big/2019/07/06/9/156242601315087306.png) no-repeat;
    background-size: cover;
}

#GeneralStaffBuilding {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6)), url(https://sun9-37.userapi.com/c840121/v840121789/7ad8d/2A5htMSvJNk.jpg) no-repeat;
    background-size: cover;
}

#Petergof {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6)), url(https://experiencerussia.ph/wp-content/uploads/2020/10/peterhof.jpg) no-repeat;
    background-size: cover;
}

#Pavlovsk {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6)), url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/%D0%9F%D0%B0%D0%B2%D0%BB%D0%BE%D0%B2%D1%81%D0%BA._%D0%92%D0%B8%D0%B4_%D1%81_%D0%91%D0%BE%D0%BB%D1%8C%D1%88%D0%BE%D0%B9_%D0%9A%D0%B0%D0%BC%D0%B5%D0%BD%D0%BD%D0%BE%D0%B9_%D0%BB%D0%B5%D1%81%D1%82%D0%BD%D0%B8%D1%86%D1%8B_%D0%BD%D0%B0_%D0%B4%D0%BE%D0%BB%D0%B8%D0%BD%D1%83_%D1%80%D0%B5%D0%BA%D0%B8_%D0%A1%D0%BB%D0%B0%D0%B2%D1%8F%D0%BD%D0%BA%D0%B8.jpg/2560px-%D0%9F%D0%B0%D0%B2%D0%BB%D0%BE%D0%B2%D1%81%D0%BA._%D0%92%D0%B8%D0%B4_%D1%81_%D0%91%D0%BE%D0%BB%D1%8C%D1%88%D0%BE%D0%B9_%D0%9A%D0%B0%D0%BC%D0%B5%D0%BD%D0%BD%D0%BE%D0%B9_%D0%BB%D0%B5%D1%81%D1%82%D0%BD%D0%B8%D1%86%D1%8B_%D0%BD%D0%B0_%D0%B4%D0%BE%D0%BB%D0%B8%D0%BD%D1%83_%D1%80%D0%B5%D0%BA%D0%B8_%D0%A1%D0%BB%D0%B0%D0%B2%D1%8F%D0%BD%D0%BA%D0%B8.jpg) no-repeat;
    background-size: cover;
}


.bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px;
}

h1 {
    color: rgb(0, 230, 230);
    text-align: center;
    font-weight: bold;
    text-shadow: 2px 2px rgb(0, 128, 128);
}

h2 {
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 20px;

}


main {
    width: 65%;
    float: left;
}

.picture {
    float: left;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    padding-top: 70px;
    padding-left: 40px;
}

a {
    display: block;
    text-align: center;
    color: white;
    font-family: 'Dancing Script', cursive, fantasy;
    font-size: 20px;
    font-weight: bold;

}

a:link {
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    text-decoration: underline;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

footer {
    width: 65%;
    margin: 40px;
    /*margin-left: 20px;*/
}

#footerLink {
    text-shadow: 2px 2px rgb(0, 128, 128);
    color: rgb(0, 230, 230);


}

.bold {
    font-weight: bold;
}

p {
    font-size: 20px
}