@import "reset.css";

#logo {
    width:25%;
    height:25%;
}

header{
  width: full;
  border: 15px solid rgb(173, 23, 48);
  background-color:rgb(206, 19, 50);
  margin:10px;
  padding: 10px;
  display:flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-around;
}

section{
  width: full;
  margin:10px;
  border:15px solid rgb(173, 23, 48);
  padding: 10px;
  background-color: rgb(184, 70, 35);
  font-size: large;
  text-align: center;
  border-radius: 25px;

}

body{
  color:white;
  background-color:rgb(255, 183, 116);
  background-image:url("images/wood.jpg");
}

.hello{
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  font-weight: 700;
  font-size: x-large;
}


.images{
  display:flex;
  justify-content: space-around;
  width:full;
  height:25%;
  border:5px tan;
}

footer{
  width: full;
  margin:10px;
  border:15px solid rgb(173, 23, 48);
  padding: 10px;
  background-color: rgb(206 19 50);
  text-align: center;
  font-size: large;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;

}

#menuIcon {
    display:flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
    margin-top: 55px;
    margin-right:55px
}

nav {
    background-color: rgb(206 19 50);
}

#menu {
    text-align: right;
    margin-right: 75px;
    display: none;
    width: 50%;
}

#menuIcon a,
#menuIcon a:hover,
#menuIcon a:visited,
#menuIcon a:active {
    
    text-decoration: none;
    color: white;
}

.menuItem {
    font-size: 1px;
}

.fa.fa-twitter::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  content: "";
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 -8 26 30" xmlns="http://www.w3.org/2000/svg"><g><path fill="white" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>') no-repeat center;
  background-position: center 3px;
}

p{
  margin-top: 15px;
}

script{
  position:fixed;
}

a{
  color:white;
  text-decoration:white;
  width:100%;
}