carrd tutorial 08/18

< --- background container --- >
background: #f5dae7;
width: 325px;
height: 360px;
border-radius: 10px;
position: relative;
left: 30px;

< --- credits --- >
top: 320px;

< --- img_year container --- >
width: 240px;
height: 270px;
border-radius: 10px;
background: radial-gradient(circle at 60% 50%, #181728, #3a3a51ed 30%),radial-gradient(circle at 80% 50%, #151629, #3a3a51ed 45%), radial-gradient(circle at 10% 70%, #151629, #3a3a51ed 25%);
position: absolute;
bottom: 150px;
left: 20px;
border: 0.75px solid #787773;

< --- navigation container --- >
width: 180px;
height: 135px;
border-radius: 10px;
background: radial-gradient(circle at 60% 50%, #181728, #3a3a51a6 30%),radial-gradient(circle at 80% 50%, #151629, #3a3a51a6 45%), radial-gradient(circle at 10% 70%, #151629, #3a3a51a6 25%);
position: absolute;
bottom: 70px;
left: 65px;
border: 0.75px solid #787773;

< --- profile.zip container --- >
width: 225px;
height: 310px;
border-radius: 10px;
background: radial-gradient(circle at 60% 50%, #181728, #3a3a51a6 30%),radial-gradient(circle at 80% 50%, #151629, #3a3a51a6 45%), radial-gradient(circle at 10% 70%, #151629, #3a3a51a6 25%);
position: absolute;
bottom: 28px;
left: 180px;
border: 0.75px solid #787773;

< --- info containers --- >
width: 190px;
height: 135px;
border-radius: 10px;
background: radial-gradient(circle at 60% 50%, #181728, #3a3a51a6 30%),radial-gradient(circle at 80% 50%, #151629, #3a3a51a6 45%), radial-gradient(circle at 10% 70%, #151629, #3a3a51a6 25%);
position: absolute;
bottom: 215px;
left: 9px;
border: 0.75px solid #787773;

< --- menu hover --- >
#container__:hover {
z-index: 6;
}

< --- link hover --- >
a:hover {
font-family: "Send Flowers", cursive;
font-size: 20px;
}