diff --git a/html/css/inbox.css b/html/css/inbox.css
index 95a1f08..1c09171 100644
--- a/html/css/inbox.css
+++ b/html/css/inbox.css
@@ -104,11 +104,11 @@ body {
 a {
     color: var(--color-link); 
     text-decoration: none;
-    &:hover,
-    &:focus,
-    &:active {
-        color: var(--color-link-hover);        
-    }
+}
+a:hover,
+a:focus,
+a:active {
+    color: var(--color-link-hover);        
 }
 
 button, a.btn {
@@ -122,25 +122,25 @@ button, a.btn {
     height: 48px;
     border: 1px solid transparent;
     border-radius: 4px;
-    background: var(--color-link);
-    &:hover,
-    &:focus,
-    &:active {
-        background: var(--color-link-hover);
-        cursor: pointer;     
-    }    
+    background: var(--color-link);   
+}
+button:hover, a.btn:hover,
+button:focus, a.btn:focus,
+button:active, a.btn:active {
+    background: var(--color-link-hover);
+    cursor: pointer;     
 }
 .btn.btn-secondary {
     color: var(--color-link);
     border-color: var(--color-link);
     background-color: transparent;
-    &:hover,
-    &:focus,
-    &:active {
-        color: var(--color-link-hover);
-        border-color: var(--color-link-hover);
-        background: transparent;   
-    }
+}
+.btn.btn-secondary:hover,
+.btn.btn-secondary:focus,
+.btn.btn-secondary:active {
+    color: var(--color-link-hover);
+    border-color: var(--color-link-hover);
+    background: transparent;
 }
 
 .header {
@@ -152,17 +152,16 @@ button, a.btn {
     padding: 0 var(--w-screen);
     border: 0;
     background-color: var(--color-bg-main);
-
-    .header-logo {
-        width: 62px;
-        height: 40px;
-        background: url(../img/svg/mil-logo.svg) no-repeat 0 50%;    
-    }
-    .header-title {
-        color: var(--white);
-        font-size: var(--size-text-secondary);
-        margin-left: var(--indent-mini);
-    }    
+}
+.header .header-logo {
+    width: 62px;
+    height: 40px;
+    background: url(../img/svg/mil-logo.svg) no-repeat 0 50%;
+}
+.header .header-title {
+    color: var(--white);
+    font-size: var(--size-text-secondary);
+    margin-left: var(--indent-mini);
 }
 :is(.ul, .fl) .header {
     background-color: var(--color-text-primary);
@@ -193,64 +192,49 @@ button, a.btn {
     padding: 0 var(--w-screen);
     background-color: var(--bg-light);
     overflow: auto;
-
-    .block-group {
-        display: flex;
-        flex-direction: row;
-        margin: auto;
-    }
-    .block {
-        font-family: 'Inter';
-        min-width: 355px;
-        padding: 40px;
-        border-radius: 12px;
-        background-color: var(--white);
-        box-shadow: var(--bg-shadow);
-
-        & > div {
-            max-width: 350px;
-        }
-        & + .block {
-            margin-left: 40px;
-        }
-        .block-img {
-            width: 100px;
-            height: 100px;   
-        }
-        &.block-ul .block-img {
-            background-image: url(../img/svg/ul.svg); 
-        }
-        &.block-fl .block-img {
-            background-image: url(../img/svg/fl.svg); 
-        }
-        .block-title {
-            font-family: 'GolosB';
-            font-size: var(--size-text-subtitle);
-            margin-top: var(--indent-mini);
-        } 
-        .block-description {
-            font-family: 'Golos';
-            font-size: var(--size-text-primary);
-            margin-top: var(--indent-mini);
-        }   
-        .btn {
-            width: auto;
-            margin-top: var(--indent-medium);
-        }
-    }
 }
-:is(.ul, .fl) .container-inside {
-    padding: 0;
+.container-inside .block-group {
+    display: flex;
+    flex-direction: row;
+    margin: auto;
+}
+.container-inside .block {
+    font-family: 'Inter';
+    min-width: 355px;
+    padding: 40px;
+    border-radius: 12px;
     background-color: var(--white);
-
-    .btn-group {
-        display: flex;
-        flex-direction: row;
-
-        .btn + .btn {
-            margin-left: var(--indent-mini);
-        }
-    }
+    box-shadow: var(--bg-shadow);
+}
+.container-inside .block > div {
+    max-width: 350px;
+}
+.container-inside .block + .block {
+    margin-left: 40px;
+}
+.container-inside .block .block-img {
+    width: 100px;
+    height: 100px;
+}
+.container-inside .block.block-ul .block-img {
+    background-image: url(../img/svg/ul.svg);
+}
+.container-inside .block.block-fl .block-img {
+    background-image: url(../img/svg/fl.svg);
+}
+.container-inside .block .block-title {
+    font-family: 'GolosB';
+    font-size: var(--size-text-subtitle);
+    margin-top: var(--indent-mini);
+} 
+.container-inside .block .block-description {
+    font-family: 'Golos';
+    font-size: var(--size-text-primary);
+    margin-top: var(--indent-mini);
+}
+.container-inside .block .btn {
+    width: auto;
+    margin-top: var(--indent-medium);
 }
 
 /*@media ((max-width: 780px) or ((orientation: landscape) and (max-device-width : 1024px))) {*/
@@ -271,14 +255,13 @@ button, a.btn {
     .container-inside .block-group {
         flex-direction: column;
         margin: 0;
-
-        .block {
-            min-width: auto;
-            margin: var(--indent-huge) 0 0;
-            & > div {
-                max-width: inherit !important;
-            }            
-        }
+    }
+    .container-inside .block-group .block {
+        min-width: auto;
+        margin: var(--indent-huge) 0 0;
+    }
+    .container-inside .block-group .block > div {
+        max-width: inherit !important;
     }
 }