* {margin: 0; padding: 0; border: 0; box-sizing: border-box;}

body {background-image:url('../Screenshots/CSS_images/index_mountain.jpg'); background-size: cover;border: 10px solid #347f83;padding: 5px; border-radius: 20px;}

.logo_nav {display: flex;}

.logo {width: 15vw; display:flex; justify-content: center;background-color: #8b8bae;border-radius: 40px 0px 0px 0px;}

.mainmenu {width: 85vw; font-weight: bolder; font-size: medium; display: flex; justify-content: space-evenly; align-items: center; text-decoration: none;flex-wrap: wrap; background-color: #8b8bae; border-radius: 0px 40px 0px 0px;} 
.mainmenu a { background: linear-gradient(to right, #526760,#639e8a);border: solid black 1px; width: 13vw; margin: 10px; border-radius: 50px; text-align: center; padding: 5px;}
.mainmenu a:link, a:visited, a:active {color: #1c2726; text-decoration: none;}
.mainmenu a:hover {color: black; text-decoration: none; transform: scale(1.25)}

.heading {background-color: rgba(139, 139, 174,.5); color: black; justify-items: center; border-radius: 0px 0px 40px 40px; font-size: x-large; color:#1c2726; text-shadow: -5px 5px 5px #526760; height: 10vh;}

.paragraph {font-size: larger; text-align: left;color:black; padding: 20px;}

.images {display: flex; justify-content: space-evenly;}
.images img {border-radius: 20px; box-shadow: 0px 0px 40px 2px black; border: 3px solid black; width: 20vw; margin:10px; transition: opacity 1s ease; opacity: .5;}
.images img:hover {opacity: 1;}

.footer {background-color: rgba(76, 76, 124, .75); border-radius: 10px; text-align: end; padding: 5px; padding-right: 20px;}

dl {padding: 16px;}

dt {font-weight: bold;}

dd {margin-top: 4px; margin-bottom: 12px; margin-left: 16px;}