wip

assets/css/core.css

@@ -1,7 +1,5 @@
 :root {
 	--font-primary: 'Merienda', cursive;
-	--font-secondary: 'Kaushan Script', cursive;
-	--font-tertiary: 'Dancing Script', cursive;
 
 	--color-white: #ffffff;
   --color-white-100: #f1f1f1;

assets/css/layout.css

@@ -17,7 +17,7 @@
 	top: 0;
 	left: 0;
 	width: 100%;
-	height: calc(100vh - 5rem);
+  height: 100%;
   display: flex;
   flex-direction: column-reverse;
 	background: var(--color-white-100);
@@ -227,6 +227,12 @@
   z-index: 10;
 }
 
+.section--preview.horizontal img {
+  width: 90vh;
+  height: 90vw;
+  transform: rotate(0deg);
+}
+
 /* .section--preview.horizontal .close--preview {
   left: 0.25rem;
   right: unset;
@@ -264,6 +270,7 @@
   max-height: 56.25rem;
   object-fit: cover;
   box-shadow: var(--shadow-outset);
+  transform: rotate(-90deg);
 }
 
 .section--switch .section__intro{

assets/css/media.css

@@ -83,8 +83,8 @@
 }
 
 @media screen and (min-width: 75.0625rem) {
-  .section--switch .section__intro {
-    flex-direction: row;
+  .section--preview img {
+    transform: rotate(0deg);
   }
 
   .close--preview {
@@ -98,7 +98,6 @@
   }
 
   .section__intro {
-    height: 100%;
     flex-direction: row;
   }