diff --git a/css/style.css b/css/style.css
index 529b6ba..2508040 100644
--- a/css/style.css
+++ b/css/style.css
@@ -43,8 +43,8 @@ main {
   padding: 1rem;
   font-size: 2.2rem;
   position: absolute;
-  top: 40px;
-  width: 200px;
+  top: 4rem;
+  width: 20rem;
   border-radius: 1rem;
   text-align: center;
   display: none;
@@ -56,19 +56,19 @@ main {
 }
 
 .contenedor-temporizador {
-  width: 310px;
-  height: 310px;
+  width: 31rem;
+  height: 31rem;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
   background-color: gray;
   background: conic-gradient(from 180deg, var(--color-1) 100%, black 100%);
-  box-shadow: -10px 10px 20px 10px rgba(22, 22, 25, 0.9), 0 0 20px 20px rgba(72, 70, 76, 0.7);
+  box-shadow: -1rem 1rem 2rem 1rem rgba(22, 22, 25, 0.9), 0 0 2rem 2rem rgba(72, 70, 76, 0.7);
 }
 .contenedor-temporizador .temporizador {
-  width: 300px;
-  height: 300px;
+  width: 30rem;
+  height: 30rem;
   background: radial-gradient(#3e3e46, #141416);
   border-radius: 50%;
   display: flex;
@@ -83,19 +83,19 @@ main {
   font-family: "Barlow", sans-serif;
   background-color: transparent;
   color: white;
-  width: 240px;
-  height: 90px;
+  width: 24rem;
+  height: 9rem;
   font-size: 10rem;
   font-size: 9rem;
   font-weight: 300;
   border: none;
   outline: none;
   text-align: center;
-  top: 83px;
-  border-bottom: 6px solid var(--color-2);
+  top: 8.3rem;
+  border-bottom: 0.6rem solid var(--color-2);
 }
 .contenedor-temporizador .temporizador .input-numeros:disabled {
-  border-bottom: 6px solid transparent;
+  border-bottom: 0.6rem solid transparent;
 }
 .contenedor-temporizador .temporizador .contenedor-botones {
   display: flex;
@@ -110,7 +110,7 @@ main {
   color: white;
   font-size: 1.8rem;
   text-transform: uppercase;
-  letter-spacing: 5px;
+  letter-spacing: 0.5rem;
   font-weight: 500;
   padding: 0.5rem 2rem;
   border-radius: 2rem;
@@ -119,7 +119,7 @@ main {
 .contenedor-temporizador .temporizador #boton-start {
   display: none;
   background-color: var(--color-1);
-  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+  text-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
 }
 .contenedor-temporizador .temporizador #boton-start:hover {
   background-color: var(--color-2);
@@ -132,8 +132,8 @@ main {
   background-color: var(--color-2);
 }
 .contenedor-temporizador .temporizador__boton-settings {
-  width: 25px;
-  height: 25px;
+  width: 2.5rem;
+  height: 2.5rem;
   background-image: url(../assets/gear.svg);
   background-color: transparent;
   background-position: center;
@@ -170,17 +170,17 @@ main {
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
-  filter: drop-shadow(5px 5px 5px rgba(35, 35, 39, 0.5));
-  width: 150px;
-  height: 150px;
-  top: 45px;
-  left: 86px;
+  filter: drop-shadow(0.5rem 0.5rem 0.5rem rgba(35, 35, 39, 0.5));
+  width: 15rem;
+  height: 15rem;
+  top: 4.5rem;
+  left: 8.6rem;
   display: none;
 }
 
 /* FOOTER */
 footer {
-  height: 50px;
+  height: 5rem;
   text-align: center;
   color: white;
   position: absolute;
diff --git a/css/style.css.map b/css/style.css.map
index 80b429f..5439052 100644
--- a/css/style.css.map
+++ b/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../sass/style.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAMR;AACA;EACE;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;;AAIJ;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;AACA;EACE;;;AAEF;EACE;;;AAGF;EACE","file":"style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../sass/style.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAMR;AACA;EACE;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;;AAIJ;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;AACA;EACE;;;AAEF;EACE;;;AAGF;EACE","file":"style.css"}
\ No newline at end of file