/*
Theme Name: Candusen Theme
Theme URI: https://candusen.net
Description: Candusen Theme for Sharon Mashihi
Version: 1.0
Author: Henry Van Dusen
Author URI: https://candusen.net
*/

/* 
include these fonts and add them all to the font-family "Founders". and assign the proper font-weights and font-styles to each font-face

font/FoundersGroteskWeb-Regular.woff 
font/FoundersGroteskWeb-Light.woff 
font/FoundersGroteskWeb-LightItalic.woff 
font/FoundersGroteskWeb-Medium.woff
*/

@font-face {
	font-family: "Founders";
	src: url("font/FoundersGroteskWeb-Light.woff") format("woff");
}

@font-face {
	font-family: "Founders";
	src: url("font/FoundersGroteskWeb-LightItalic.woff") format("woff");
	font-weight: lighter;
	font-style: italic;
}

@font-face {
	font-family: "Founders Medium";
	src: url("font/FoundersGroteskWeb-Medium.woff") format("woff");
}


@font-face {
	font-family: "Founders Regular";
	src: url("font/FoundersGroteskWeb-Regular.woff") format("woff");
	font-weight: normal;
}

@keyframes blinds { 
	0%, 100% {
		background-image: repeating-linear-gradient(180deg, rgba(255,192,203,.3) 0px, rgba(255,192,203,.3) 1px, rgba(255,255,255,1) 171px, rgba(255,255,255,1) 171px);
		/* background-position-y: 0vh; */
		/* background-image: repeating-linear-gradient(180deg, red 0px, red 1px, blue 171px, blue 171px); */
		/* background: red; */

	}
	50% {
		background-image: repeating-linear-gradient(180deg, rgba(255,192,203,1) 0px, rgba(255,192,203,1) 1px, rgba(255,255,255,1) 10px, rgba(255,255,255,1) 11px);
		/* background-position-y: 100vh; */
		/* background-image: repeating-linear-gradient(180deg, red 0px, red 1px, red 171px, red 171px); */
		/* background: blue; */
	}
}


html, body {
	font-size: max(16px, min(26px,3vw));
    font-weight: 300;
    font-family: 'Times New Roman', Times, serif;
	font-family: Georgia;
	font-family: monospace;
	/* font-family: "Founders"; */
	line-height: 1.3;
    letter-spacing: calc(0.3rem / 10);
	
	/* create a background gradient of repeating horizontal bars that resemble light coming through venetian blinds */
	/* background-image: repeating-linear-gradient(180deg, rgba(255,192,203,.3) 0px, rgba(255,192,203,.3) 1px, rgba(255,255,255,1) 171px, rgba(255,255,255,1) 171px); */
	
}


html {
	/* background-image: repeating-linear-gradient(180deg, rgba(255,192,203,.3) 0px, rgba(255,192,203,.3) 1px, rgba(255,255,255,1) 171px, rgba(255,255,255,1) 171px); */
	/* animation: blinds 10s linear infinite; */
}

strong {
	/* font-family: "Founders Regular"; */
}

span {
	/* font-weight: lighter!important; */
}

#logo {
	position: fixed;
	bottom: 0;
	left: 0;
}

#main {
	/* max-width: 1200px; */
    margin: 4rem auto;
    width: calc(100% - 4rem);
}

h2 {
	font-size: 1rem;
	margin-bottom: .25rem;
	display: inline-block;
}

a {
	/* color: black;
    text-decoration-thickness: 1px;
    text-decoration: none; */
}

strong a, a strong {
        /* color: black; */
    /* color: #fb66b0; */
    /* text-decoration-color: #fb66b0!important; */
    /* color: black; */
    font-weight: normal;
    /* text-decoration-thickness: 3px; */
    /* text-shadow: 1px 1px 0px #fb66b0; */
    /* transition: all .2s; */
    /* text-decoration-skip-ink: none; */
    color: #fb66b0;
    text-decoration: none;
}

strong a:hover, a strong:hover {
	/* make the highlight color #fb66b0, and the color white */
	background-color: #fb66b0;
    text-decoration-color: #fb66b0!important;
    /* text-shadow: 1px 1px 0px black; */
    /* text-decoration-thickness: 5px; */
	color: white;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.content {
	position: relative;
	padding: 2rem;

}

.content_background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(250 250 250 / 90%);
    /* filter: blur(.7vw); */
	z-index: -1;
	/* mix-blend-mode: exclusion; */
	background: rgb(242 242 242 / 92%);
	/* filter: blur(0px); */
}


.fullscreen_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
	background-position: center 10%;
	/* background-size: auto 170%; */

}

body,html {
	margin: 0;
	padding: 0;
}

.bumper {
	height: calc(100vh);
}

.corner_image {
	width: 8rem;
    position: absolute;
    left: calc(100% - 4rem);
    transform: translateY(-75%) rotate(5deg);
	left: 100%;
	transform: translateX(-1rem) translateY(-25%) rotate(5deg);
	box-shadow: black 0 0 0.6rem;
}

@media(min-width: 1530px){
	html {
		font-size: 26px;
	}
}



@media(min-width: 768px){
	html {
		font-size: max(16px, min(26px,1.7vw));
	}
	#main {
		/* max-width: 800px; */
		margin: 2rem auto;
		width: calc(100% - 4rem);
		font-size: 16px;
	}

}
@media(max-width: 768px){
	.content {
		padding: 3rem 2rem;
	}
}

@media(max-width: 0px){
	#main {
		padding: 3rem;
	}
	.content {
		padding: 1rem;
	}
	.corner-image {
		width: 5rem;
		position: absolute;
		left: calc(100% - 4rem);
		transform: translateY(-85%) rotate(5deg);
	}
}

@media(max-width: 1060px){
	#main {
		margin-top: 6rem;
	}
	.corner_image {
		transform: translateX(-6rem) translateY(-95%) rotate(5deg);
		width: 6rem;
	}
}

.designed {
text-align: right;
    background: white;
    display: inline-block;
    float: right;
}