<style>
css-slides {
	position:relative;
	height: 179;
	border: 1px solid green;
	padding-bottom: calc(286/460 * 100%);
	overflow:hidden;
	display:block;
}

.carousel-item.active, .carousel-item-next, .carousel-item-prev {
  display: block;
}
.carousel-inner {
  min-height: 300px;
  border: 1px solid #fff;
  border-radius: 30px;
  background-color: #bbbbbb;
}

@keyframes fade {
	0%   { opacity: 0; }
	11.11%   { opacity: 1; }
	33.33%  { opacity: 1; }
	44.44%  { opacity: 0; }
	100% { opacity: 0; }
}

css-slides img { 
    opacity:0; 
    animation-name: fade; 
    animation-duration: 15s; 
    animation-iteration-count: infinite; 
    position:absolute;
    top:245; 
    height:25;
    margin-top:5px;
    margin-left:0px;
}

css-slides img:nth-child(1) { animation-delay: 0s; }
css-slides img:nth-child(2) { animation-delay: 5s; }
css-slides img:nth-child(3) { animation-delay: 10s; }

body{
    margin: 0px 0px 0px 0px;
}

page {
	position: relative;
    margin-top:0px;
    margin-left:0px;
	width: calc(100%-80px);
	background-color: transparent;
}	

.content {
	max-width:480px;
	margin-left: auto;
	margin-right: auto;
}

img {
	width: 100%;
	height: auto;
    margin-left:5px;
    margin-top:5px;
}

header {
    position:relative;
    background-color: azure;
    margin:5px 5px 5px 5px;
    height: 25px;
    box-shadow: 6px 5px 16px 12px #000000;
    display:flex;
    justify-content: flex-end;
    align-items:center;
    color: blueviolet;
}

header a {
    margin-right: 20px;
    margin-top: 0pt;
    color:blueviolet;
    text-decoration: none;
}

header a:hover {
    margin-right: 16px;
    margin-top: 0pt;
    color:blueviolet;
    text-decoration: none;
    font-size: 20pt;
}

slides-box {
    position: relative;
    margin-left: 5px;
}


nav {
	position: absolute;
	left: 10px;
	top: 55px;
	width: 100px;
	background-color: beige;
    opacity:66%;
	height: 75%;
}

nav a {
    margin-right: 20px;
    margin-left: 5px;
    margin-top: 0pt;
	text-decoration: none;
    align-items:center;
}

section {
	position: relative;
	margin-left:120px;
    margin-top: calc(25%);
	background-color: #efefef;
	padding: 15px;
	height: 100%;
    opacity:66%;
    width: 80%;
}

article{
    width: 100%;
    border-radius: 7px;
    border: 2px solid #e5e5e5;
    box-shadow: none;
    margin: 5px 5px 0px 0px;
    padding: 5px;
    height: 40%;
}

.resized {
      width: 100%;
      height: 100%;
      background-image: url("images/theresen.jpg");
      background-size: 300px 200px;
      background-repeat: repeat;
      border: 1px solid #999;
  }
</style>