/**
Theme Name: newcaper
Author: Visual Notion
Author URI: https://visualnotion.com
Description: Custom theme by Visual Notion based on Astra.
Version: 1.0
Text Domain: newcaper
Template: astra
*/

:root {
  overscroll-behavior: none;
  overflow-x: clip;
}

#mobile-squiggle {
  pointer-events: none;
  position: fixed;
  top: -1%;
  left: calc(50% - (min(600px, 100vw) * 0.4125));
  height: 102%;
  width: min(30vw, 180px);
  transform: translateX(-50%);
  z-index: 10;
}

#mobile-squiggle-path {
  stroke-width: calc((1vw + 1vh) * 0.2);
}

#squiggle {
  display: none;
  pointer-events: none;
  position: fixed;
  top: -1%;
  left: calc(50% - (min(1200px, 100vw) * 0.375));
  height: 102%;
  width: min(20vw, 360px);
  transform: translateX(-50%);
  z-index: 10;
}

#squiggle-path {
  stroke-width: calc((1vw + 1vh) * 0.2);
}

@media (min-width: 800px) {
	#mobile-squiggle {
		display: none;
	}
	
	#squiggle {
		display: block;
	}
}

@media (min-width: 1300px) {
  #squiggle {
    left: calc(50% - (min(1200px, 100vw) * 0.4));
  }
}

@media (min-width: 1500px) {
  #squiggle {
    left: calc(50% - (min(1200px, 100vw) * 0.45));
  }
}