@import url("https://fonts.googleapis.com/css2?family=Bree+Serif&family=Caveat:wght@400;700&family=Lobster&family=Monoton&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display+SC:ital,wght@0,400;0,700;1,700&family=Playfair+Display:ital,wght@0,400;0,700;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&family=Source+Sans+Pro:ital,wght@0,400;0,700;1,700&family=Work+Sans:ital,wght@0,400;0,700;1,700&display=swap");

.main-container {
    font-family: "Roboto";

    background-color: #b4fade;
    background-size: cover;
    height: 1400vh;
}

.head {
    background-color: #2e2496;
    text-align: center;
    color: white;
    padding: 14px;
}

.head1 {
    font-size: 29px;
    text-align: center;
    color: black;
}

.y {
    text-align: center;
    font-size: 17.5px;
}

.but {
    background-color: #0f4094;
    border-radius: 9px;
    color: white;
    border-width: 0px;
    padding: 9px;

}

.pushable {
    background-color: #0f4094;
    border-radius: 12px;
    border: none;
    padding: 0;
    cursor: pointer;
    outline-offset: 4px;
}

.front {
    display: block;
    padding: 12px 42px;
    border-radius: 12px;
    font-size: 1.25rem;
    background-color: #0f4094;
    color: white;
    transform: translateY(-6px);
}

.pushable:active .front {
    transform: translateY(-2px);
}

.pushable {
    background: hsl(257, 85%, 29%);
    border: none;
    border-radius: 12px;
    padding: 0;
    cursor: pointer;
}

.front {
    display: block;
    padding: 9px 25px;
    border-radius: 12px;
    font-size: 1.25rem;
    background: hsl(257, 85%, 42%); color: white;
    transform: translateY(-4px);
}

.pushable:active .front {
    transform: translateY(-2px);
}

.pushable:focus:not(:focus-visible) {
    outline: none;
}

.img1 {
    height: 150px;
    width: 285px;
    margin: 15px;
    border-radius: 12px;
    border-width: 3.5px;
    border-style: solid;
    border-color: white;
}

.box {
    text-align: center;
    /* width: 1165px;*/
    margin-top: 18px;
    margin-left: 70px;
    margin-right: 60px;
    margin-bottom: 45px;
    font-family: "Comic Sans MS";
    background-image: url("https://ak.picdn.net/shutterstock/videos/6431816/thumb/1.jpg");
    background-size: cover;
    color: white;
    padding: 9px;
    border-width: 3px;
    border-style: solid;
    border-color: white;
    border-radius: 20px;
}

.wiki-search-header {
    border-width: 1px;
    border-style: solid;
    border-color: #d5cdcd;
    padding-top: 30px;
    padding-right: 20px;
    padding-bottom: 30px;
    padding-left: 20px;
    margin-bottom: 40px;
}

.wiki-logo {
    margin-bottom: 30px;
    width: 150px;
}

.search-input {
    border-radius: 3px;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #d5cdcd;
    font-size: 18px;
}
.cen{
    text-align: center;
    padding: 9px;
    margin:4px;

}
.cen1{
    text-align: center;
    padding: 9px;
    margin-top:9px;
    margin-bottom: 55px;

}

.search-results {
    width: 100%;
    padding-left: 20px;
}

.result-item {
    margin-bottom: 20px;
}

.result-title {
    font-size: 22px;
}

.link-description {
    font-size: 15px;
    color: #444444;
}

.result-url {
    color: #006621;
    text-decoration: none;
}
#mapContainer {
    width: 100%;
    height: 700px;
    background: grey;
  }