Acrescentando borda no form e retirando o background

styles/base.less

@@ -1,12 +1,13 @@
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
 
-html{
-    body{
+html {
+    body {
         margin: 0;
         background:#e6e6e6; 
+      
     }
 
-    *{
+    * {
         font-family:"Roboto", sans-serif;
         
     }
@@ -14,7 +15,7 @@ html{
 
 
 body{
-    header{
+    header {
         background-color: #EAD945;
         position: fixed;
         padding: 24px 40px;
@@ -52,12 +53,17 @@ body{
             padding-bottom: 20px;
           
           }
-
+          //form.frm;
+          //form .frm__infor;
         form{
             margin-top:50px;
-
+            //trocar o nome abaixo
+            &.frm{
+                border: 1px solid #007bff5e;
+            }
             .frm{
-               
+
+            
                 &__infor{
                     margin-top: 10px;
                     padding-top: 10px;
@@ -69,7 +75,8 @@ body{
                         color:red;
                     }
                     //input do checkbox
-                    #check{
+                    
+                    input[type="checkbox"]{
                         width: 16px;
                         height: 16px;
                     }
@@ -80,7 +87,7 @@ body{
                     }
 
                     &__input{
-                        width: 291px;
+                        width: 289px;
                         height: 30px;
                         background: whitesmoke;
                         border:none;
@@ -108,7 +115,7 @@ body{
         text-align: center;   
         background:chocolate;
       
-        p,span{
+        p, span{
             color:#ffd045;
             font-size: 10px;
 
@@ -117,6 +124,8 @@ body{
             font-weight: bold;
             color:#ffde7c;
         }
+
+
       }
 }