h1 {color:Black;}
h2 {
  font-size: 35px
}
h3 { 
  color:navy
}
/*This is the font and color changes for the texts.*/

body {
  background-color: cadetblue;
  font-family: Cursive;
}
/* This makes it so that the image is in the correct place, even when the device or screen changes */
.floatfix {
  width: 500px
}
/* makes the float text have a smaller space so it goes on multiple lines */
.floattext {
  width: auto;
  margin-top: 70px;
}
/* makes the image go to the right */

.porscheimg {
  float: right;
  margin-left: 30px;
  margin-bottom: 30px;
  border: solid steelblue 7px

}

.flexboxposition {
  display: flex;
  gap: 40px;
  margin-top: 10px;
  clear: both
}
/* flex boxes looks like this */
.flexexamplebox {
  background-color: deepskyblue;
  padding: 30px;
  border: solid navy 3.5px;
  border-radius: 20px;
  width: 200px;
  height: 100px;
  text-align: center
    
}