@import url(https://fonts.googleapis.com/css2?family=Hind+Siliguri&family=Poppins:wght@300;400;500;600;700;800;900&family=Roboto:wght@400;500;700&display=swap);.App{display:flex;flex-direction:column;font-family:Hind Siliguri,sans-serif;font-family:Poppins,sans-serif;font-family:Roboto,sans-serif;height:auto;overflow-x:hidden;width:100%}body{margin:0;padding:0}.navbar{background-color:#121619;flex-direction:row;height:100px;position:fixed;width:100%;z-index:888}.navbar,.navbar .left-side{align-items:center;display:flex}.navbar .left-side{flex:50% 1;height:100%;padding-left:150px}.navbar .left-side img{width:70px}.navbar .right-side{align-items:center;display:flex;flex:50% 1;height:100%;justify-content:center}.navbar a{color:#fff;font-size:20px;margin:20px;text-decoration:none}.navbar a:hover{text-decoration:underline;transition:.5s ease}.navbar .right-side button{background-color:initial;border:none;color:#fff;cursor:pointer}.navbar #open{padding-left:0}.navbar #open img{display:none}.navbar #close img{display:inherit}.navbar #open .hiddenLinks{display:flex;margin-left:30px}.navbar #close .hiddenLinks{display:none}.navbar #open a{margin:5px;width:70px}@media only screen and (max-width:900px){.navbar .right-side a{width:70px}.navbar .left-side{padding-left:50px}}@media only screen and (max-width:600px){.navbar .right-side a{display:none}.navbar .right-side{justify-content:flex-end;padding-right:50px}.navbar .right-side button{display:inherit}}@media only screen and (min-width:600px){.hiddenLinks,.navbar .right-side button{display:none}}.footer{align-items:center;background:#121619;display:flex;flex-direction:column;height:160px;justify-content:center;padding-top:10px;width:100%}.social-media svg{color:#fff;cursor:pointer;font-size:50px;margin:20px}.footer p{color:azure}.footer a{color:#f0f8ff;margin-left:10px;text-decoration:none}.footer a:hover{color:hsla(0,0%,100%,.5)}.home{align-items:left;background:url(/React-Pizza-Shop-Website/static/media/pizza.21a1098fa87e28d80f37.jpeg) no-repeat;background-position:50%;background-size:cover;display:flex;flex-direction:column;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:100vh;justify-content:center;width:100%}.home .title-container{padding:100px 20px;width:auto}.title-container h1{align-items:center;font-size:90px;height:60px;justify-content:center;letter-spacing:1px}.title-container p{font-size:40px;font-weight:lighter;padding:0}.title-container button{background:#121619;border:none;border-radius:5px;color:#fff;cursor:pointer;height:50px;outline:none;text-decoration:none;width:180px}.title-container button:hover{background:rgba(18,22,25,.7);cursor:pointer;transition:.5s ease}@media only screen and (max-width:650px){.home,.title-container{align-items:center;justify-content:center}.title-container{background-color:#121619;border-radius:10px;color:#fff;display:flex;flex-direction:column;margin-left:0;padding:10px;width:80%}.title-container h1{color:#fff;font-size:40px;height:30px;letter-spacing:1px}.title-container p{color:#fff;font-size:30px}.title-container button{background-color:#fff;color:#121619;margin-bottom:30px}.title-container button:hover{background-color:#e1e1e1;color:#121619}}.menu{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;padding:100px 20px;width:100%}.menu .menu-title{font-family:cursive;font-size:50px;letter-spacing:1px}.menu-list{display:grid;grid-template-columns:1fr 1fr 1fr;height:auto;place-items:center;width:70vw}.menu-item{border-radius:15px;box-shadow:0 3px 15px rgba(0,0,0,.2);height:350px;margin:20px;text-align:center;width:300px}.menu-item:hover{box-shadow:0 3px 15px rgba(0,0,0,.5);cursor:pointer;transition:.3s ease-in}.menu-item div{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:15px;border-top-right-radius:15px;height:200px;width:100%}@media only screen and (max-width:1300px){.menu-list{grid-template-columns:1fr 1fr}}@media only screen and (max-width:800px){.menu-list{grid-template-columns:1fr;justify-content:center}.menu{padding:100px 10px}}.about{display:flex;flex-direction:column;height:100vh;width:100%}.about .top-section{background:url(/React-Pizza-Shop-Website/static/media/multiplePizzas.490709e2113d96ca24a1.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:100vh;padding:100px;width:100%}.bottom-section{align-items:center;display:flex;flex-direction:column;height:55%;margin-top:50px}.bottom-section p{margin-bottom:60px;max-width:1000px;width:90vw}.about .bottom-section h1{color:#000;display:flex;font-size:70px;font-weight:400;height:30px;justify-content:center;-webkit-transform:translateY(-40px);transform:translateY(-40px)}.contact{display:flex;height:90vh;width:100%}.contact .left-side{background:url(/React-Pizza-Shop-Website/static/media/makingpizza.40dc048984f28babc069.jpeg) no-repeat;background-position:50%;background-size:cover;flex:50% 1;height:100%}.contact .right-side{display:flex;flex:50% 1;flex-direction:column;height:100%;justify-content:center}.contact .right-side h1{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:50px;letter-spacing:1px;margin-left:30px}form{display:flex;flex-direction:column;height:auto;padding:30px;width:auto}form input{height:40px}form input,form textarea{border:none;border-bottom:1px solid #121619;color:#000;width:80%}form textarea{height:70px;margin-top:15px}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#000;font-family:Arial,Helvetica,sans-serif}input::placeholder,textarea::placeholder{color:#000;font-family:Arial,Helvetica,sans-serif}form label{color:#000;margin-top:15px}form button{background:#121619;border:none;border-radius:5px;color:#fff;cursor:pointer;height:50px;margin-top:40px;outline:none;text-decoration:none;width:180px}form button:hover{background:rgba(18,22,25,.7);cursor:pointer;transition:.5s ease}@media only screen and (max-width:800px){.contact{display:grid;grid-template-columns:1fr;padding:100px 0}.contact .left-side{height:35vh}}
/*# sourceMappingURL=main.829719dd.css.map*/