2023.02.18(Hatalmas_előrehaladás)

assets/css/rendeles.css

@@ -16,6 +16,7 @@ body{
     text-align: center;
     margin-top: 5rem;
     margin-bottom: 4rem;
+    font-size: xx-large;
 }
 
 .label h1 span { 
@@ -29,12 +30,44 @@ body{
 .circle{
     background-color: blue;
     border-radius: 50%;
-    height: 400px;
-    width: 400px;
+    height: 300px;
+    width: 300px;
     margin-left: auto;
     margin-right: auto;
     position: relative;
-    ;
+}
+
+.frame{
+    display: grid;
+    grid-template-rows: 1fr;
+    grid-template-columns: 1fr 1fr;
+}
+
+.left_div{
+    padding: 2rem;
+    padding-right: 1rem;
+}
+
+.right_div{
+    padding: 2rem;
+    padding-left: 1rem;
+}
+
+.option_label{
+    margin-bottom: 1rem;
+}
+
+.plus_next_btn{
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+}
+
+.option_slecter{
+    margin-bottom: 1rem;
+}
+
+.selector_width{
+    width: 200px;
 }
 
 @media screen and (max-width: 500px){