/*
Theme Name: Paolo Pizzuti
Theme URI: https://www.paolopizzuti.it
Author: Paolo Pizzuti
Theme URI: https://www.paolopizzuti.it
*/


/* VARIABLES */
:root {
  --main-color: #128CDD; 
  --main-dark-color: #0A1726;
  --global-transition-timing: .3s;
}
/* STARTERS */
*, :after, :before {
	box-sizing: border-box;
	outline: none;
}
* {
	-webkit-overflow-scrolling: touch;
	outline: 0 !important;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
a, a :hover, a:link, a:visited {
	text-decoration: underline;
	color: inherit;
}
body {
	font-family: helvetica, arial, sans-serif;
	background-color: #111;
	font-size: 16px;
}
.container {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100vh;
}
h1 {
	font-size: 44px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #f8f8f8;
}
p {
	color: #aaa;
	text-align: center;
}
p.small {
	font-size: 12px;
	color: #fff;
}


@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 920px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 576px) {
}
@media screen and (max-width: 320px) {
}

/* DEBUG 
* { outline: 2px dotted red !important }
* * { outline: 2px dotted green !important}
* * * { outline: 2px dotted orange !important}
* * * * { outline: 2px dotted blue !important}
* * * * * { outline: 1px solid red !important}
* * * * * * { outline: 1px solid green !important}
* * * * * * * { outline: 1px solid orange !important}
* * * * * * * * { outline: 1px solid blue !important}
*/