position-page.css

nav {
  position: fixed;
  padding-top: 10px;
  padding-left: 60px;
  padding-right: 60px;
  background-color: grey;
  text-align: right;
  display: inline-flex;
  width: 100%;
  height: 70px;
}
body{
  background: url(/home/khalsa/Documents/css_layout_exercises_starter_files/images/outerspace_landscape.jpeg);
  background-size: cover;
}
ul {
 list-style: none;
}
li {
  display: inline-flex;
  border-right: 2px solid black;
}
.logo {
  border-radius: 50%;
  border: 1px solid black;
  width: 50px;
  height: 50px;
}
.box {
  position: relative;
  border: 10px dotted green;
  top: 300px;
  left: 300px;
  width: 600px;
  height: 300px;
}
img {
  border: 1px solid blue;
  width: 200px;
  height: 200px;
}

.img-cat{
    position: absolute;
    top: -90px;
    left: -90px;
}
.img-dog{
   position: absolute;
   bottom: -120px;
   right: -60px;
}