body{
    background-size: 100%;
    margin: 0 !important;
    padding: 0 !important;
    ;
}

#navbar{
    display: inline-flex;
    height:6vw;
    background-color:rgb(18, 25, 46);
    position:sticky;
    width:100%;
    z-index:100;
    top:0px;
}



#logotext{
    font-family: 'Plus Jakarta Sans', sans-serif;
    margin-top:auto;
    margin-bottom:auto;
    margin-left:1vw;
    font-size: 4vw;
    height:fit-content;
    font-weight: 100;
    width:fit-content;
    color:rgb(218, 216, 216);
}

#smalllogotext{
    color:rgb(207, 191, 138);
    width:fit-content;
    margin-left:1vw;
    padding-top:0%;
    font-family: 'Birthstone', cursive;
    font-size:2.5vw;
}

.headers{
    font-family: 'Plus Jakarta Sans', sans-serif;
    margin-top:auto;
    margin-bottom:auto;
    margin-left:7vw;
    border:solid 1px rgb(18, 25, 46);
    padding:1vw;
    font-size:1vw;
    border-left:solid 1px rgb(120, 128, 151);
    float:left;
    color:white;
}

.headers:hover{
    border:solid 1px rgb(245, 244, 226);
    cursor: pointer;
    color:antiquewhite;
    transition-duration:1s;
 
}

#mediabox{
    display:block;
    margin-left:11vw;
}

.medialogo{
    width:1.5vw;
    height:auto;
    margin-top:4vw;
    margin-left:1vw;
}

#titles{
    font-family: "Dancing Script", cursive;
    font-size:2vw;
    margin-left:1vw;
}

#titles2{
    font-family: Roboto;
    font-size:2vw;
    margin-left:85vw;
}

#polygon1 {
  height: 30vw;
  width: 50vw;
  background-color:rgb(18, 25, 46);
  clip-path: polygon(0% 0%, 100% 0%, 50.3% 100%, 0% 100%);
}

#polygon2{
  height: 30vw;
  width: 50vw;
  background-color:rgb(18, 25, 46);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 39.3% 100%);
  float:right;
}

#overlay{
    position:absolute;
    font-size:1vw;
    z-index:1;
    font-family: "Edu SA Beginner", cursive;
    max-width:27vw;
    padding:1.5vw;
    color:rgb(232, 216, 200);
    line-height: 2;
}

#overlay2{
    position:absolute;
    font-size:1vw;
    z-index:1;
    font-family: "Edu SA Beginner", cursive;
    max-width:27vw;
    padding:1.5vw;
    color:rgb(232, 216, 200);
    line-height: 2;
    float:right;
    left:70vw;
}


#banner{
    position:absolute;
    width:75vw;
    max-height:30vw;
    left:25vw;
   
}

#weddingsubmit{
    position:absolute;
    background-color:rgb(232, 216, 200);
    z-index:6;
    font-size:1vw;
    Color:black;
    border-radius:.5vw;
    border:1px solid black;
    margin-top:22vw;
    padding:.8vw;
    margin-left:10vw;
}

#weddingsubmit:hover{
    position:absolute;
    background-color:rgb(232, 216, 200);
    z-index:6;
    font-size:1vw;
    Color:white;
    border-radius:.5vw;
    border:2px solid white;
    margin-top:22vw;
    padding:.8vw;
    margin-left:10vw;
    cursor:pointer;
}

#commsubmit{
    position:absolute;
    background-color:rgb(232, 216, 200);
    z-index:6;
    font-size:1vw;
    Color:black;
    border-radius:.5vw;
    border:1px solid black;
    margin-top:26vw;
    padding:.8vw;
    margin-left:80vw;
}

#commsubmit:hover{
    background-color:rgb(232, 216, 200);
    Color:white;
    border:2px solid white;
    cursor:pointer;
}


/* {
    border:solid red 1px;
}