@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');

body {
    background: url("../images/background_image.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 100px;
    color: white;
}


header{ 
  display: flex;
  background-color: rgba(0,0,0,.5);
  color: #fff;
}

nav{  
    background-color: rgba(0,0,0,.5);
    font-size: 50px;
    font-weight: 200;
}

a {
    color:#fff;
    text-decoration: none;
}

a:hover {
    background-color: rgba(36, 34, 34, 0.5);
    transition: 0.5s;
}

.homepage {
    position:relative;
    top: 150px;
    font-size: 50px;
    background-color: rgba(36, 34, 34, 0.75);
    border: 3px solid #5e5e5e;
    text-align: center;
    padding: 70px 0;
    margin: auto;
    width: 50%;
    line-height: normal;

}

p1 {
    display:block;
}
p2 { 
    display:block;
    font-size: 27px;
    position: relative;
    top: 50px;
}