:root{padding:0}:root{background-color:#201c1c;font-family:Modern Antiqua,serif;color:#fad1d1;overflow-x:hidden}body{padding:0;margin:0}header{background-color:#161313;top:0}footer{position:relative;bottom:0vh;padding:1%}.navigation{display:flex;flex-direction:row;justify-content:space-between;padding:1% 2%;margin:0%;width:40vw}.frame{position:absolute;width:100%;top:10vh;height:120%}.welcome{position:relative;display:flex;flex-direction:column;top:28vh;left:24vw;width:50vw;align-items:center;text-align:center;margin-bottom:40%}p{font-size:1.5em}h1{font-size:2.5em}a{text-decoration:none;color:#fad1d1}.recipes-page{display:flex;flex-direction:column;text-align:center;justify-content:space-between;margin:2%}.filtering{display:flex;flex-direction:row;justify-content:space-between;width:70%;align-items:center;align-self:center}p.recipes-page{font-size:2em}select,input{width:20%;text-align:center;font-family:Modern Antiqua,serif;color:#fad1d1;padding:1%;border-radius:10px;border:none;align-self:center;background-color:#a74c4c}::placeholder{color:#fad1d1}option{text-align:center}.dishes{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:center}.dishes img{width:10vw;border-radius:10%;box-shadow:0 10px 5px #161212;margin-bottom:15%}.dish-card{margin-top:5%;display:flex;flex-direction:column;justify-content:space-between;max-width:15%;align-items:center;background-color:#522c2c;padding:2% 1.5%;border-radius:10%}.details{display:flex;flex-direction:column;align-items:center;text-align:center}.name-and-such{display:flex;flex-direction:row;padding:3%}.just-name{display:flex;flex-direction:column;margin-left:2%}.specs{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:20%}.the-recipe{display:flex;flex-direction:column;text-align:left;align-self:flex-start;margin:5%;font-size:1em;background-color:#503c3c;padding:2% 20% 2% 2%;border-radius:5%}ul{list-style-type:none;margin:0;padding:0}li{margin-bottom:2%}button{background-color:#522c2c;border:none;font-family:Modern Antiqua,serif;width:10%;padding:1%;border-radius:10px;color:#fad1d1;cursor:pointer}.favs{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.favs h2{text-align:center;align-self:center;margin-top:5%}.recipe-text{margin:2%}.yourrecipes{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;text-align:center;flex-wrap:wrap;width:100%}.yourrecipes-card{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;flex-wrap:wrap;padding:2%;background-color:#503c3c;border-radius:10%;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:40%;margin:2%}.yourrecipes-card button{width:50%;padding:3%;margin-top:5%}.yourrecipes-card li{font-size:1.5em}.yourrecipes-card p{font-size:1em}@media only screen and (max-device-width: 480px){header{font-size:.5em}.navigation{width:90vw}.frame{height:280vh;top:0%;z-index:-1000}.welcome{top:37vh;margin-bottom:70vh}footer{padding:8%}.filtering{flex-direction:column}select,input{width:80%;padding:3%}.dishes{flex-direction:column}.dishes img{width:50vw;margin-bottom:10%}.dish-card{margin-top:20%;max-width:90%;align-items:center;background-color:#522c2c;padding:5% 2%}.name-and-such{flex-direction:column;align-items:center}.favs{align-items:center}.favs h1{text-align:center}.yourrecipes{flex-direction:column}.yourrecipes-card{border-radius:20px;max-width:70%}}