@import url("https://fonts.googleapis.com/css2?family=Sriracha&display=swap");

html {
   height: 100%;
}

body {
   color: #fff;
   margin: 0;
   min-height: 100%;
}

main {
   height: auto;
   background-color: #fff;

}

.prettytext {
   font-size: 16px;
   text-decoration: none;
   color: #000;

   /*padding: 35px 20px;
      */

}

/* CSS for header */
.header {
   display: flex;
   height: 70px;
   justify-content: space-between;
   align-items: center;
   background-color: #f5f5f5;
}

.header .logo {
   font-size: 25px;
   font-family: "Sriracha", cursive;
   color: #000;
   text-decoration: none;
   margin-left: 30px;
}

.nav-items {
   display: flex;
   justify-content: space-around;
   align-items: center;
   background-color: #f5f5f5;
   margin-right: 20px;
   gap: 30px;
}

.nav-items a {
   text-decoration: none;
   color: #000;

   /*padding: 35px 20px;
   */
}


.oko-bg {
   display: flex;
   flex-direction: column;
   justify-content: center;
   background-color: #fff;

}

.oko {
   /*flex: 1 1 auto;
   */
   display: flex;
   justify-content: center;
   margin: 10vh;
   align-self: center;
   align-items: center;
   width: 80%;
   background-color: #fff;
}

.oko-text {
   font-size: 16px;
   width: 90%;
   align-self: center;
   color: #002020;
   text-align: center;
   margin: 20px 0;

}

.input-wrapper {
   padding: 3%;
   /*
   position: absolute;
   top: 30px;
   bottom: 100px;
   left: 150px;
   right: 150px;
   */
   width: 50%;
   margin-left: auto;
   margin-right: auto;
   display: grid;
   grid-template-columns: auto;
   justify-content: center;
   background-color: #e9e9e9;
   margin-top: 5%;
}


.inputsegment {
   width: 600px;
   margin-bottom: 3%;
   display: flex;
   justify-content: space-between;

}


.inputfield {
   height: 20px;
   width: 75%;
   align-self: center;
   padding: 6px;
   border: none;
   font-size: 16px;
}

.inputfield:focus {
   outline: none;
}

.buttonbg {
   display: block;
   margin-right: auto;
   margin-left: auto;
}

#submit-button {
   margin: auto;
   padding: 10%;
   background-color: #fff;

   font-size: 20px;
   color: #777;

}