@font-face {
	font-family: "Margem";
	src: url("margem.ttf");
}

/*
font-variation-settings: 'wght'800, 'wdth' 80;
letter-spacing: -0.5px;
text-transform: uppercase;
*/

body{
	font-family: Margem,sans-serif;
	margin: 30vh auto auto;
font-size: 1.1rem;
line-height: 1.6rem;
}

p{
	max-width: 50ch;
}
nav{
	margin: auto;
}
.screens
{
	display: flex;
	flex-direction: row;
	list-style: none;
	cursor: ew-resize;
	padding: 0;
	margin: 6em auto;
	overflow-x: scroll;
/*	scroll-snap-type:x mandatory;*/
	scroll-padding: 3vw;
}

.screens li
{
	margin-right: 2.66vw;
}

.screens li:nth-child(1){
	margin-left: 3vw;
}
.screens li:nth-child(6){
	padding-right: 3vw;
}

.screens img
{
height: 500px;
	max-height: 75vh;
	box-shadow: 0px 0.5em 0.8em hsla(0, 0%, 0%, 0.33);
	scroll-snap-align: center;
}


#pranchas-rascunhos{ margin: auto}
#pranchas-rascunhos img
{
	max-width: 100%
}

section h1,section p, section ul,section ol{
	padding: 0 2rem;
	}
	
	section h1{
		font-size: 2.2rem;
		font-variation-settings: 'wght'500, 'wdth' 90;
		line-height: 1.15em;
		max-width: 25ch;
		margin-bottom: 4rem;
}

section h1 span{
	font-size: 2rem;
	font-variation-settings: 'wght'200, 'wdth' 95;
	line-height: 3rem;
	color: #4F48C1;
}

.autor
{
	opacity: 0.35;
}