23:58

assets/css/fooldal.css

@@ -8,16 +8,25 @@ body {
     background-color: #F2EDD7FF;
 }
 
+.rolunkdiv{
+    text-align: center;
+    margin-left: 10%;
+    margin-right: 10%;
+    margin-top: 5%;
+}
+
 .home-nav {
     background-color: #A07855FF !important;
 }
 
-.nav-shadow {
+.nav-shadow{
     box-shadow: 0px 0px 5px 1px #A07855FF;
 }
 
 .fixing2{
     width: 80%;
+    border: solid 2px #A07855FF;
+    box-shadow: 0px 0px 6px 1px #A07855FF;
 }
 
 .hamb-btn {
@@ -85,7 +94,7 @@ body {
 }
 
 .centering {
-    text-align: center;
+    text-align: left;
 }
 
 .small-img{
@@ -102,6 +111,135 @@ body {
     color: #656565;
 }
 
+.rendelesBTN{
+    animation: shake 2s infinite;
+    border: none;
+    border-radius: 25px;
+    background-color: #818F78;
+    width: 10rem;
+    height: 3rem;
+    font-size: xx-large;
+    margin-bottom: 3rem;
+}
+
+.xd{
+    text-decoration: none;
+    color: white !important;
+}
+
+.kijel{
+    color: white;
+    text-decoration: none;
+}
+
+.flexing{
+    width: 100%;
+}
+
+.mainweb{
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: 1fr;
+    margin-top: 5%;
+    place-items: center;
+    width: 80%;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.kakaos{
+    text-align: center;
+    padding: 3rem;
+}
+
+.kakaospng{
+    width: 100%;
+    padding: 3rem;
+}
+
+.virslis{
+    text-align: center;
+    padding: 3rem;
+}
+
+.virslispng{
+    width: 100%;
+    padding: 3rem;
+}
+
+.sajtospogi{
+    text-align: center;
+    padding: 3rem;
+}
+
+.sajtospogipng{
+    width: 100%;
+    padding: 3rem;
+}
+
+.papucs{
+    text-align: center;
+    padding: 3rem;
+}
+
+.papucspng{
+    width: 100%;
+    padding: 3rem;
+}
+
+.pizzas{
+    text-align: center;
+    padding: 3rem;
+}
+
+.pizzaspng{
+    width: 90%;
+    padding: 3rem;
+}
+
+.kenyerlangos{
+    text-align: center;
+    padding: 3rem;
+}
+
+.kenyerlangospng{
+    width: 100%;
+    padding: 3rem;
+}
+
+.vaniliascsiga{
+    text-align: center;
+    padding: 3rem;
+}
+
+.vaniliaspng{
+    width: 100%;
+    padding: 3rem;
+}
+
+.hase{
+    text-align: center;
+    padding: 3rem;
+}
+
+.hasepng{
+    width: 100%;
+    padding: 3rem;
+}
+
+.mainweb>img{
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+@keyframes shake {
+    10% { transform: scale(1.05) rotate(5deg);}
+    20% { transform: scale(1.05) rotate(-5deg);}
+    30% { transform: scale(1.05) rotate(5deg);}
+    40% { transform: none}
+}
+
 @media (min-width: 40em) {
 
     .carousel-caption p {
@@ -125,4 +263,10 @@ body {
     .list-adjust {
         text-align: center;
     }
+}
+
+@media screen and (max-width: 1100px) {
+    .mainweb {
+        grid-template-columns: 1fr;
+    }
 }