Smaller font for laptop sizes

layout/sidebar/sidebar.scarlet

@@ -27,7 +27,7 @@ sidebar-spacing-y = 0.7rem
 > 800px
 	#sidebar
 		opacity 1
-		min-width 200px
+		min-width 180px
 		transform none
 		position static
 		pointer-events auto
@@ -35,6 +35,10 @@ sidebar-spacing-y = 0.7rem
 		border-right ui-border
 		background sidebar-background
 
+> 1400px
+	#sidebar
+		min-width 200px
+
 .sidebar-visible
 	transform translateX(0) !important
 	pointer-events auto !important
@@ -42,7 +46,7 @@ sidebar-spacing-y = 0.7rem
 
 .sidebar-link
 	color text-color
-	
+
 	&.active
 		.sidebar-button
 			color tab-active-color

pages/anime/anime.scarlet

@@ -9,15 +9,19 @@
 	vertical
 	margin-left 0
 	margin-top 1rem
-	flex-basis 300px
 
-> 1350px
+> 1250px
 	.anime
 		horizontal
 
 	.anime-side-column
 		margin-left content-padding
 		margin-top 0
+		flex-basis 270px
+
+> 1400px
+	.anime-side-column
+		flex-basis 300px
 
 .anime-header
 	vertical
@@ -31,7 +35,7 @@
 		horizontal
 		padding-bottom content-padding
 		border-bottom 1px solid rgba(0, 0, 0, 0.05)
-	
+
 	.anime-title
 		text-align left
 
@@ -109,7 +113,7 @@
 	width 250px
 	height auto
 	border-radius 3px
-	
+
 	default-transition
 	object-fit cover
 
@@ -134,7 +138,7 @@
 	text-align center
 	font-weight normal
 	line-height content-line-height
-	
+
 	.japanese
 		color anime-alternative-title-color !important
 

styles/base.scarlet

@@ -3,6 +3,14 @@ html
 	font-family "Ubuntu", "Trebuchet MS", sans-serif
 	font-size 100%
 
+> 900px
+	html
+		font-size 90%
+
+> 1400px
+	html
+		font-size 100%
+
 body
 	tab-size 4
 	overflow hidden
@@ -20,10 +28,10 @@ a
 		color link-hover-color
 		text-shadow link-hover-text-shadow
 		text-decoration none
-	
+
 	:active
 		transform translateY(3px)
-	
+
 	// &.active
 	// 	color link-active-color