add prefixes

css/style.css

@@ -24,12 +24,20 @@ body {
   background-size: cover;
   border-bottom-right-radius: 18rem;
   border-bottom-left-radius: 18rem;
+  -webkit-border-bottom-right-radius: 18rem;
+  -webkit-border-bottom-left-radius: 18rem;
+  -moz-border-bottom-right-radius: 18rem;
+  -moz-border-bottom-left-radius: 18rem;
   position: relative;
   box-shadow: 0px 8px 25px 5px #a8a8a8; }
   @media screen and (max-width: 576px) {
     .header {
       border-bottom-right-radius: 4rem;
       border-bottom-left-radius: 4rem;
+      -webkit-border-bottom-right-radius: 4rem;
+      -webkit-border-bottom-left-radius: 4rem;
+      -moz-border-bottom-right-radius: 4rem;
+      -moz-border-bottom-left-radius: 4rem;
       height: 90vh; } }
   .header__logo {
     display: block;
@@ -63,6 +71,8 @@ body {
       width: 125%;
       height: 125%;
       border-radius: 70%;
+      -webkit-border-radius: 70%;
+      -moz-border-radius: 70%;
       content: ' ';
       background: #E5A982;
       opacity: .5;
@@ -78,7 +88,7 @@ body {
         width: 98vw; } }
     .header__text-box .title__img {
       width: 100%;
-      animation-duration: 2s;
+      animation-duration: 2.5s;
       animation-name: fadein;
       animation-iteration-count: 1; }
     .header__text-box .pen__img {

scss/main.scss

@@ -31,11 +31,19 @@ body {
     background-size: cover;
     border-bottom-right-radius: 18rem;
     border-bottom-left-radius: 18rem;
+    -webkit-border-bottom-right-radius: 18rem;
+    -webkit-border-bottom-left-radius: 18rem;
+    -moz-border-bottom-right-radius: 18rem;
+    -moz-border-bottom-left-radius: 18rem;
     position: relative;
     box-shadow: 0px 8px 25px 5px rgb(168, 168, 168);
     @media screen and(max-width: 576px) {
         border-bottom-right-radius: 4rem;
         border-bottom-left-radius: 4rem;
+        -webkit-border-bottom-right-radius: 4rem;
+        -webkit-border-bottom-left-radius: 4rem;
+        -moz-border-bottom-right-radius: 4rem;
+        -moz-border-bottom-left-radius: 4rem;
         height: 90vh;
     }
     &__logo {
@@ -74,6 +82,8 @@ body {
             width:125%;
             height: 125%;
             border-radius: 70%;
+            -webkit-border-radius: 70%;
+            -moz-border-radius: 70%;
             content: ' ';
             background: #E5A982;
             opacity: .5;
@@ -90,7 +100,7 @@ body {
         }
         .title__img {
             width: 100%;
-            animation-duration: 2s;
+            animation-duration: 2.5s;
             animation-name: fadein;
             animation-iteration-count: 1;
             @media screen and(max-width: 576px) {