small fix on dynamic viewport height

src/styles/main.scss

@@ -530,9 +530,9 @@ body {
 }
 
 .content {
-    height: calc(100vh - 4rem);
+    height: calc(100dvh - 4rem);
     @media screen and (max-width: $device-s-width), (pointer: coarse) {
-        height: calc(100vh - 8rem);
+        height: calc(100dvh - 8rem);
     }
     overflow-y: scroll;