@font-face {
    font-family:'raleway-light';
    src:url(fonts//Raleway-Light.eot);
    src:url(fonts//Raleway-Light.eot?#iefix) format("embedded-opentype"),url(fonts//Raleway-Light.woff2) format("woff2"),url(fonts//Raleway-Light.woff) format("woff"),url(fonts//Raleway-Light.ttf) format("truetype"),url(fonts//Raleway-Light.svg) format("svg");
    font-weight:300;
    font-style:normal
    }
    
    @font-face {
    font-family:'raleway-regular';
    src:url(fonts//Raleway-Regular.eot);
    src:url(fonts//Raleway-Regular.eot?#iefix) format("embedded-opentype"),url(fonts//Raleway-Regular.woff2) format("woff2"),url(fonts//Raleway-Regular.woff) format("woff"),url(fonts//Raleway-Regular.ttf) format("truetype"),url(fonts//Raleway-Regular.svg) format("svg");
    font-weight:400;
    font-style:normal
    }
    
    @font-face {
    font-family:'raleway-bold';
    src:url(fonts//Raleway-Bold.eot);
    src:url(fonts//Raleway-Bold.eot?#iefix) format("embedded-opentype"),url(fonts//Raleway-Bold.woff2) format("woff2"),url(fonts//Raleway-Bold.woff) format("woff"),url(fonts//Raleway-Bold.ttf) format("truetype"),url(fonts//Raleway-Bold.svg) format("svg");
    font-weight:700;
    font-style:normal
    }
    
    @font-face {
    font-family:'raleway-black';
    src:url(fonts//Raleway-Black.eot);
    src:url(fonts//Raleway-Black.eot?#iefix) format("embedded-opentype"),url(fonts//Raleway-Black.woff2) format("woff2"),url(fonts//Raleway-Black.woff) format("woff"),url(fonts//Raleway-Black.ttf) format("truetype"),url(fonts//Raleway-Black.svg) format("svg");
    font-weight:900;
    font-style:normal
    }

.content__paragraph{font-family:"Times New Roman",serif!important;}
a,.content__paragraph,.main-content p, .main-content li{font-family:"raleway-light",sans-serif!important;}
.text-p1{font-family:"raleway-light",sans-serif!important;}
.text-p2{font-family:"raleway-light",sans-serif!important;}
body,h1,div,a,li,blockquote strong,.main-content{font-family:"raleway-regular",sans-serif!important;}
h2,h3,h4,h5,h6,strong,a strong,strong a{font-family:"raleway-extrabold",sans-serif!important;}

body::-webkit-scrollbar {width: .5em;}
body::-webkit-scrollbar-track {background-color:#fff;-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);}
body::-webkit-scrollbar-thumb {background-color:#988c67;outline:1px solid slategrey;}
*{scrollbar-width: thin!important; scrollbar-color: #988c67 #F4F4F4;}

*,
*::after,
*::before {box-sizing: border-box;}
:root {font-size: 16px;}

body {margin: 0;--color-text: #000;--color-bg: #faf5e3; --color-link: #8d561f;--color-link-hover: #000;color: var(--color-text);background-color: var(--color-bg);--cursor-stroke: none;--cursor-fill: #988c67;--cursor-stroke-width: 1px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow: hidden;overflow-y: scroll;}

/* Page Loader */
.js .loading::before,
.js .loading::after {content: '';position: fixed;z-index: 1000;}
.js .loading::before {top: 0;left: 0;width: 100%;height: 100%;background: var(--color-bg);}
.js .loading::after {top: 50%;left: 50%;width: 60px;height: 60px;margin: -30px 0 0 -30px;border-radius: 50%;opacity: 0.4;background: var(--color-link);	animation: loaderAnim 0.7s linear infinite alternate forwards;}

@keyframes loaderAnim {	to {opacity: 1;	transform: scale3d(0.5,0.5,1);} }

a{text-decoration: underline;color: var(--color-link);outline: none;cursor: pointer;}
a:hover,
a:focus {color: var(--color-link-hover);outline: none;text-decoration: none;}

.frame{padding: 3rem 5vw;	text-align: center;position: relative;z-index: 1000;}
.frame__title{font-size: 1rem;margin: 0 0 1rem;}
.frame__links{	margin: 0.35rem 0 0 0;}
.frame__links a:not(:last-child) {margin-right: 1rem;}
.frame__home{text-decoration: none;color: var(--color-text);display: inline-block;height: 1.75rem;margin: 1rem 0;}
.frame__home-title{}
.frame__home-sub{align-self: flex-end;margin-left: 0.5rem;}
.frame__about{display: inline-block;margin: 1rem 0;text-decoration: none;color: var(--color-text);}
.frame__about-item{display: none;}
.frame__about-item--current{display: inline-block;margin-left:-170px;}
.frame__cv {display: inline-block;margin: 1rem 0 1rem 50px;text-decoration: none;color: var(--color-text);}
.frame__cv-item {display: none;}
.frame__cv-item--current {display: inline-block;margin-left:-100px;}
.frame__contact {display: inline-block;margin: 1rem 0 1rem 100px;text-decoration: none;color: var(--color-text);}
.frame__contact-item {display: none;}
.frame__contact-item--current {display: inline-block;}

.content {display: grid;grid-template-columns: 100%;grid-template-areas: "content-item";justify-content: center;position: relative;cursor: default;}
.content__item {grid-area: content-item;opacity: 0;pointer-events: none;display: flex;align-content: center;flex-direction: column;padding: 0 1rem;overflow: hidden;height: 0;}
.content__item--home {justify-content: center;min-height: 300px;}
.content__item--current {overflow: visible;height: auto;opacity: 1;pointer-events: auto;}
.content__item-credits {margin-top: auto;align-self: center;max-width: 260px;text-align: center;padding-bottom: 3rem;}
.content__item-credits a {white-space: nowrap;}
.content__paragraph {font-size: 112px;letter-spacing: -0.2vw;word-spacing: 1vw;text-transform: uppercase;margin: 0;line-height: 1;position: relative;overflow: hidden;flex: none;}
h2.content__paragraph{margin-bottom:30px;}

.small-title{font-size:18px;letter-spacing:1px;word-spacing:2px;text-transform:initial;}
.main-content-first{padding-top:120px!important;}
.main-content{display:grid;grid-template-columns:50% 50%;column-gap: 30px;align-content: center; padding:80px 0px;font-size: 20px;letter-spacing: 0vw;word-spacing: 0vw;	text-transform: unset;margin: 0;position: relative;overflow: hidden;}
.main-content .col{width:100%!important;}
.main-content-full{display:grid;grid-template-columns:100%;align-items: center;justify-content:center;padding-left:10%;padding-right:10%;}
.main-content-full .col{text-align:center;}
.main-content ul, .main-content-full ul{padding:0px;}
.main-content ul li, .main-content-full ul li{list-style-type:none;margin:10px 0px;}


.latex,.latex sub, .latex sup { text-transform: uppercase;}
.latex sub { vertical-align: -0.4ex; margin-left: -0.1667em; margin-right: -0.05em;}
.latex, .latex sub { font-size: 1em;}
.latex sup {font-size: 1em;vertical-align: 2px;margin-left: -3px;margin-right: -0.1em;}

.content__paragraph--first {margin-top: 20px;}
.content__paragraph--last {margin-bottom: auto;}
.content__paragraph--large {font-size: 10vw;}
.content__paragraph--right {align-self: flex-end;}
.content__figure {margin: 0;max-width: 100%;margin-top: 0.5rem;position: relative;}
.content__figure-img {max-width: 100%;}
.content__figure-caption {margin: 1rem 0 0 0;font-size: 0.85rem;padding-bottom: 5rem;}

.char {will-change: transform;}
.cursor {display: none;}

@media screen and (min-width: 53em) {
	.frame {position: absolute;text-align: left;top: 0;left: 0;display: grid;align-content: space-between;width: 100%;max-width: none;height: 100vh;padding: 3rem 8vw;pointer-events: none;	grid-template-columns: 20% 60% 20%;	grid-template-rows: auto auto auto;
		grid-template-areas: 'home title about'
							'... ... ...'
							'... ... credits';
	}
	.frame__home {display: flex;grid-area: home;justify-content: flex-start;justify-self: start;margin: 0;}
	.frame__title-wrap {grid-area: title;text-align: center;}
	.frame__title {margin: 0;}
	.frame__links {margin: 1rem 0 0 0;}
	.frame__about {margin: 0;grid-area: about;align-self: start;justify-self: end;}
	.frame__cv {margin: 0px 0px 0px 50px;grid-area: about;align-self: start;justify-self: end;}	
	.frame__contact {margin: 0px 0px 0px 100px;grid-area: about;align-self: start;justify-self: end;}		
	.frame__credits {text-align: right;grid-area: credits;justify-self: end;}
	.frame a {pointer-events: auto;}
	.content__item {min-height: 100vh;padding: 12rem 8vw 3rem;}
	.content__title-inner--offset {margin-top: 3rem;}
	.content__title-seperator {margin: 0 2rem;}
	.content__item--home {max-height: none;}
	.content__figure {max-width: 48vw;justify-self: flex-end;margin-left: auto;margin-top: -5vw;}
	.content__figure-caption {position: absolute;right: 100%;bottom: 0;margin-right: 2rem;text-align: right;width: 50%;font-size: 1rem;padding: 0;}
	.content__item-credits {align-self: flex-end;max-width: 260px;text-align: right;padding: 0;}
}

@media (any-pointer: fine) {
	.cursor {position: fixed;top: 0;left: 0;display: block;pointer-events: none;}
	.cursor__inner {fill: var(--cursor-fill);stroke: var(--cursor-stroke);stroke-width: var(--cursor-stroke-width);	opacity: 0.5;}
}

@media screen and (min-width: 960px) and (max-width: 1280px) {
	.content__paragraph {font-size: 80px;}
	.small-title{font-size:18px;letter-spacing:1px;word-spacing:2px;text-transform:initial;}
}

@media screen and (min-width: 848px) and (max-width: 959px) {
	.content__paragraph {font-size: 60px;}
	.small-title{font-size:18px;letter-spacing:1px;word-spacing:2px;text-transform:initial;}
}

@media screen and (max-width: 847px) {
	.frame__about-item--current,.frame__cv-item--current{margin-left:5px;}
	.frame__contact {margin-left:50px;}
	.main-content, .main-content-full{grid-template-columns: 100%;padding:0px!important;text-align:center;}
	.main-content ul, .main-content-full ul{padding:0px;}
	.main-content ul li, .main-content-full ul li{list-style-type:none;margin:10px 0px;}
	.content__paragraph {font-size: 60px;}
	.main-content .col, .main-content-full .col{padding:60px 0px!important;}
	.main-content-first{padding-top:80px!important;}
	.small-title{font-size:18px;letter-spacing:1px;word-spacing:2px;text-transform:initial;align-self:flex-start;}
	.cursor{display:none;}
	.text-p2{font-family:"pfexthin",sans-serif!important;}
}