@import url(https://fonts.googleapis.com/css?family=Open+Sans);header{display:grid;place-items:center}.header-container{margin:auto;padding:10px 1rem;position:fixed;top:0;width:100%;z-index:100}header .header-container{align-items:center;background-color:#fff;color:#fff;display:flex;justify-content:space-between}h1{color:#4a2c00;font-family:Tangerine,cursive;font-size:45px;font-weight:700;margin:0;text-shadow:2px 2px 5px rgba(0,0,0,.2)}nav{display:flex}.NavLink{color:green;font-family:Open Sans,sans-serif;font-size:20px;font-weight:700;margin-left:2.8rem;text-decoration:none;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.NavLink:hover{text-shadow:2px 2px 5px rgba(0,0,0,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.NavLink.active{text-decoration:underline}main{background-image:url("/Africook/static/media/spaghetti-2931846_960_720%20(1).8c68484c90476c94be87.jpg");border-radius:20px;height:100vh;left:50%;margin-top:40px;max-width:60rem;object-fit:inherit;object-position:center;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:2s ease;width:100%}.headcontainer{transition:5s ease-in-out}.Home{background:#ffffff9c;border-radius:10px;color:#000;left:50%;max-width:682px;padding-bottom:70px;padding-top:70px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%}.div{font-size:40px;padding-bottom:45px}.div,em{color:#4a2c00;font-family:Tangerine,cursive;font-weight:700;text-shadow:2px 2px 5px rgba(0,0,0,.2)}em{font-size:35px}.h3{color:#000;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-style:italic;margin-bottom:20px;padding:10px 20px}.Navlinks{background-color:green;border:none;border-radius:20px;color:#fff;font-size:16px;outline:none;padding:13px 49px;text-decoration:none}.Navlinks:hover{opacity:.8}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-animation:background infinite;animation:background infinite;background:linear-gradient(-45deg,#000 25%,transparent 0,transparent 75%,#000 0),linear-gradient(45deg,#000 25%,transparent 0,transparent 75%,#000 0);background-position:0 0,10px 10px;background-size:20px 20px}body::-webkit-scrollbar{display:none}@-webkit-keyframes background{0%{background-position:0 0,10px 10px}to{background-position:-10px -10px,0 0}}@keyframes background{0%{background-position:0 0,10px 10px}to{background-position:-10px -10px,0 0}}.about,.contact{background:#ffffff9c;border-radius:10px;color:#000;left:50%;max-width:682px;padding-bottom:70px;padding-top:70px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%}.about h3{color:#000;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-style:italic;margin-bottom:20px;padding:10px 20px}.error{background:#fff;color:#000;font-size:20px;left:50%;padding:150px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.social-media-container{display:flex;gap:20px;justify-content:center;margin-bottom:20px;margin-top:20px}.social-media-link{color:green;font-size:22px}footer{background-color:green;color:#fff;font-size:16px;padding:20px;text-align:center}.dropdown-container{display:none;position:relative}.dropdown-content{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center;padding-left:1rem;padding-right:3rem;position:absolute;top:-65%;transition:.7s ease-in;z-index:3}.dropdown-content.toggle{top:12%}.dropdown-content a{color:green;display:block;font-size:17px;padding:1.5rem 16px;text-decoration:none}.social-media{align-items:center;color:green;display:flex;gap:1px;justify-content:center;margin-bottom:15px;margin-top:15px}.social-media .social-media-link{color:green;font-size:22px}.dropbtn:hover .dropdown-content{display:none}.Rec{background-color:#000;color:#fff;margin:auto 0;padding-top:8rem;width:100%}.Recipe{align-items:center;display:flex;justify-content:center}.Recipe-con{background-color:#000000f7;box-sizing:border-box;color:#000;padding-top:8rem;width:100%}h3{color:#fff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:20px;margin-bottom:20px;text-align:center}.input-div{display:flex;justify-content:center;padding-bottom:4rem}button,input[type=text]{border:none;border-radius:20px;font-size:16px;height:40px;outline:none;padding:0 20px}input[type=text]{margin-right:10px;width:60%}button{background-color:green;color:#fff;cursor:pointer}ul{grid-gap:20px;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0}li{align-items:center;background:#e2e2e2;border:1px solid #0c0b0b;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:20px}@media screen and (max-width:1024px){ul{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){ul{grid-template-columns:repeat(1,1fr)}h1{color:#4a2c00;font-family:Tangerine,cursive;font-size:32px;font-weight:700;margin:0;text-shadow:2px 2px 5px rgba(0,0,0,.2)}}@media screen and (max-width:900px){nav{display:none}.header-container{margin:auto;padding:10px 1rem;position:relative;top:0;width:100%;z-index:100}.dropdown-container{display:block;position:relative}h1{color:#4a2c00;font-family:Tangerine,cursive;font-size:40px;font-weight:700;margin:0;text-shadow:2px 2px 5px rgba(0,0,0,.2)}}.recipe-img{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.recipe-img h2{color:green;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:23px;padding-bottom:1rem}.recipe-img img{max-width:85%}p{margin:0}p span{color:green;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:19px;font-weight:700;margin-right:5px}.pspan{align-items:center;display:flex;flex-direction:column;justify-content:center;row-gap:1rem}ul li{margin-bottom:10px}ul li:last-child{margin-bottom:0}
/*# sourceMappingURL=main.72b82693.css.map*/