Fix style blink

src/index.ts

@@ -49,10 +49,9 @@ const handleTextToggle = () => {
 
 const isInsidePortfolio =
   new URLSearchParams(location.search).get('portfolioView') !== null;
-if (isInsidePortfolio) {
-  toggleButton.style.visibility = 'hidden';
-  logo.style.visibility = 'hidden';
-} else {
+if (!isInsidePortfolio) {
+  toggleButton.style.visibility = 'visible';
+  logo.style.visibility = 'visible';
   toggleButton.addEventListener('click', handleTextToggle);
 }
 handleTextToggle();

src/styles/index.scss

@@ -41,7 +41,7 @@ body {
   #info {
     @include card();
     @include center-children();
-
+    visibility: hidden;
     padding: 0.25rem 0.5rem;
     text-decoration: none;
 
@@ -101,6 +101,7 @@ body {
   #toggle-text {
     bottom: 0;
     @include card();
+    visibility: hidden;
 
     font-size: 1.25rem;
     width: 150px;