improve responsiveness

src/app/pages/inactivity/inactivity.page.scss

@@ -84,7 +84,7 @@ ion-content{
     width: 100%;
 }
 .wrapper ion-input{
-    font-size: 16px;
+    font-size: rem(16);
 }
 .wrapper ion-button{
     font-size: medium;
@@ -100,7 +100,7 @@ ion-item{
 }
 .form-label{
     margin: 15px 0 5px 0;
-    font-size: 15px;
+    font-size: rem(15);
 }
 .form-input{ 
     --background: #fff;
@@ -109,7 +109,7 @@ ion-item{
     margin: 10px 0 10px 0;
 }
 .btn-login{
-    font-size: 16px;
+    font-size: rem(16);
   }
 
 
@@ -140,7 +140,7 @@ ion-item{
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 19pt;
+  font-size: 1rem(12);
   background: var(--PinDots);;
   border-radius: 56px;    
   margin-bottom: 15px;
@@ -172,7 +172,7 @@ ion-item{
 
 .clear{
   color: var(--PinTextColor);
-  font-size: 12pt;
+  font-size: rem(16);
   z-index: 1000;
 }
 
@@ -181,8 +181,8 @@ ion-item{
 }
 
 .dot{
-  width: 25px;
-  height: 25px;
+  width: rem(25);
+  height: rem(25);
   margin: 0 10px 0 0;
   border: 3px solid var(--PinDots);
   box-sizing: border-box;