/* styles.css 
   Project: 
   Author: 
   Date: 
*/

/*google font*/

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Montserrat:wght@300;400&display=swap');

/*main css*/


* {
   box-sizing: border-box;
}
a {
  text-decoration: none;
  color: royalblue;
}

a:visited {
  color: royalblue;
}

a:hover, a:active {
  color: maroon;
} 

ul {
  list-style-type:none;
}

img {
   width: 50%;
   display: block;
}

header {
  position: relative;
  width: 100%;
  text-align: center;
  background-color: powderblue;

body {
  margin-top: 100px;
   background-color: aliceblue;
   font-family: 'Lato', sans-serif;
   font-family: 'Montserrat', sans-serif;
   padding: 40px;
}

header {
	width: 100%;
	padding: 0px;
  text-align: center;
	background-color: darkblue;


}

h2 {
margin-left: 100px;
color: black;
position: center;



header p{

  color: white;
}


.move {
/*  border: black solid 9px;*/
  padding: 2px;
  margin-left: 1200px;
  top: 500px;

}
.submit, .submit1, .submit2 {
  max-width: 5px;
  margin: auto;
  transition: transform 0.7s ease-in-out;  
/*  border: purple solid 5px;*/
  display: inline-block;
  margin-right: 20px;
  
}

.submit:hover, .submit1:hover, .submit2:hover{

  transform: rotate(360deg);
}

.mainbox {

/*  border: yellow 10px solid;*/
  padding-left: 50px;
}

.intro {
  width: 75%;
}

.intro img {
  width: 75%;
}

.title1 img {

  position: static;
  width: 100%;
}

.sidepic img {
  width: 75%;
  left:30px;
  top: 10px;
}

.textandlinks {

  border: solid red 10px ;
}


/* Other */

body, html {
  font: 200 1em/1.5 'Arial', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}



/*media query for responsive design */

@media only screen and (max-width: 640px) {


}