@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@200;400;700&display=swap);*{margin:0;padding:0}body{background-color:#322a26;font-family:Nunito,sans-serif;font-weight:400;position:relative}#about-title,#title{color:#fffffa;margin:50px auto 30px;text-align:center;width:80%}#about-title h1,#title h1{font-size:60px;font-weight:400}#about-title h2,#title h2{font-size:30px;font-weight:400}.searchContainer form{height:100%;margin:50px 0;width:100%}i{color:#322a26;cursor:pointer;font-size:30px;margin:20px;position:absolute;transition:.5s ease}.searchContainer{border-radius:20px;color:#fffffa;display:flex;flex-direction:column;margin:20px auto;max-height:70px;max-width:600px;overflow:hidden;position:relative;width:90%}.searchContainer,.searchContainer.open{background-color:#fffffa;transition:all .5s ease}.searchContainer.open{color:#322a26;height:auto;max-height:600px}.searchContainer span{display:flex;flex-direction:column;margin:20px auto;text-align:center;width:90%}.searchContainer select{color:#fff;font-family:Nunito,sans-serif;font-size:20px}.searchContainer span label{margin-bottom:10px}.searchContainer span input,.searchContainer span select{background-color:rgba(50,42,38,.842);border:none;border-radius:10px;box-shadow:4px 4px 4px 4px rgba(86,130,89,.25),-4px -4px 4px 4px rgba(66,122,161,.25);height:50px;margin:0 auto;max-width:300px;text-align:center;width:90%}.searchContainer span input:focus,.searchContainer span select:focus{outline:none}label{font-size:30px;text-transform:uppercase}input{color:#fff;font-size:20px}#submit,input{font-family:Nunito,sans-serif}#submit{background-color:rgba(50,42,38,.842);border:none;border-radius:10px;color:#fffffa;display:block;font-size:30px;margin:40px auto 30px;padding:5px 27px;text-transform:uppercase}#submit:hover{background-color:#322a26}.resultsContainer{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:0 auto}.result{align-items:center;border-radius:20px;color:#fffffa;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;height:350px;margin:20px;max-width:350px;padding:24px 17px;text-align:center;-webkit-transform:translateX(-10px);transform:translateX(-10px);transition:all .3s ease-in;width:90%}.result *{margin-top:0}.result div h1{font-size:30px;text-transform:uppercase}.result div h2,.result div p{font-size:20px}#nameAndResult{grid-area:span 1/span 2}#birthYearAndResult,#deathYearAndResult,#eraAndResult,#nationalityAndResult{grid-area:span 1/span 1}.result:nth-child(odd){background-color:rgba(86,130,89,.8)}.result:nth-child(2n){background-color:rgba(66,122,161,.8)}div>h2{font-size:35px}.nav{align-items:center;box-shadow:0 5px rgba(66,121,161,.4),0 10px rgba(66,121,161,.3),0 15px rgba(66,121,161,.2),0 20px rgba(66,121,161,.1),0 25px rgba(66,121,161,.05);display:flex;height:50px;justify-content:flex-end;width:100%}.nav-link{color:#74ad78;font-size:25px;font-weight:700;padding:0 25px;text-decoration:none;text-transform:uppercase}.nav-link:hover{color:#8bc990}#about-title a{word-wrap:break-word;color:#8bc990;text-decoration:none}.about-container{background-color:#fffffa;border-radius:20px;color:#322a26;font-size:20px;height:auto;margin:20px auto;max-width:600px;padding:50px 30px;width:90%}.about-container a{color:#8bc990;font-weight:700;text-decoration:none}figure{margin:10px auto;width:300px}figcaption{font-size:16px}.about-container img{width:300px}@media (max-width:460px){.nav-link{font-size:18px}}
/*# sourceMappingURL=main.0ca32ace.css.map*/