@media only screen and (max-width: 600px), only screen and (max-aspect-ratio: 5/6) {
	
/*  --- BASICS --- */

@media all {

	.desktop {
		visibility: hidden;
		display: none;
	}
	
	.mobile {
		visibility: visible;
		display: inherit;
	}
	
	#lens {
		overflow: inherit;
		overflow-x: hidden;
	}
	
	
	#map,
	#map[area="home"],
	#map[area="about-me"],
	#map[area="skills"],
	#map[area="projects"],
	#map[area="contact"],
	#map[area="garden"],
	#map[area="secret-projects"]
	{
		position: absolute;
		top: 0;
		left: 0;
		overflow-x: hidden;
	}
	
	#map.nocookie {
		overflow: hidden;
	}
	
	.section {
		position: relative;
	}
	
	.gap-side {
		width: 100vw;
		height: 20vh;
	}
}

/*  --- HOME --- */

@media all {
	
	#home .home-text {
		margin-top: 30vh;
	}
	
	#home .home-text p {
		font-size: 14pt;
	}
	
	#home .cookie-text {
		margin-top: 25vh;
	}
	
	#home .cookie-text h1 {
		font-size: 18pt;
	}
	
	#home .cookie-text p {
		font-size: 12pt;
	}
	
	
	#home .decoration .house-field {
		margin-left: 30%;
		margin-right: 5%;
		margin-top: 25vh;
		margin-bottom: 10vh;
	}
	
	#home .decoration .house-field button {
		margin-right: 37.4vh;
		width: 7vh;
		height: 7vh;
	}
	
	@media only screen and (max-aspect-ratio: 662/915) {
		
		#home .decoration .house-front button {
			width: 7vw;
			height: 7vw;
			margin-right: 31.4vw;
			margin-right: 51vw;
			width: 10vw;
			height: 10vw;
			margin-bottom: calc(12vh - 6vw);
		}
	}
	
	#home .decoration .bottom {
		height: 20%;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	#home .decoration .bottom-wall {   
		transform: scale(-1);
		height: 100%;
		width:100%;
		background-image: url("../img/home/caveWall.png");
		background-position: center;
		background-repeat: repeat-x;
		background-size: auto 100%;
		position: relative;
	}
	
	
	#home .links {
		margin: auto 10px 20vh auto;
	}
	
	#home .links a {
		font-size: 8pt;
		font-weight: 600;
		color: #0000006f;
	}
	
	#home .links a:focus,
	#home .links a:hover {
		font-size: 9pt;
	}
	
	
	#home .arrow-down {
		width: 80px;
		height: 46px;
		margin: auto auto 20vh auto;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-image: url("../img/misc/arrow.png");
		background-color: transparent;
		border: none;
		transform: scale(-1);
		cursor: pointer;
		pointer-events: all;
		opacity: 1;
		transition: opacity 1s 3s;
	}
	
	#map.nocookie #home .arrow-down {
		pointer-events: none;
		opacity: 0;
		transition: none;
	}
	
	
	#home .grass1 {
		margin-top: 17vh;
		margin-left: 25vw;
	}
	
	#home .grass2 {
		margin-top: 64vh;
		margin-left: 6vw;
	}
	
	#home .grass3 {
		margin-top: 67vh;
		margin-left: 17vw;
	}
	
	#home .grass4 {
		margin-top: 38vh;
		margin-left: 80vw;
	}
}

/*  --- ABOUT ME --- */

@media all {
	
	#about-me {
		top: 0;
		left: 0;
		margin-top: 5vh;
		min-height: auto;
		height: 100vh;
		position: relative;
	}
	
	#about-me .content {
		height: auto;
		flex-direction: column;
	}
	
	#about-me .about-me-text {
		width: 70%;   
		margin: 25vh auto 5vh auto;
	}
	
	#about-me .about-me-text p {
		font-size: 10pt;
	}
	
	#about-me .gap {
		top: -12.5vh;
		transform: scale(-1, -0.26);
	}
	
	#about-me .decoration {
		display: flex;
		height: 100%;
	}
	
	#about-me .top {
		height: 5vh;
	}
	
	#about-me .bottom {
		height: 100%;
		margin: 0
	}
	
	#about-me .bottom-inner {
		height: 5vh;
		margin-top: auto;
	}
	
	#about-me .left {
		width: 5vh;
	}
	
	#about-me .right {
		width: 5vh;
		margin-left: calc(100% - 5vh);
	}
	
	#about-me .entrance {
		height: 15vh;
		margin-top: auto;
	}
	
	#about-me .entrance.entrance-top {
		margin-top: 0;
		position: absolute;
		transform: scale(-1);
	}
	
	#about-me .fireplaces {
		display: flex;
		margin: 0 auto 20vh auto;
		position: relative;
		width: 70%;
	}
	
	#about-me .fireplaces {
		margin: 0 auto 5vh auto;
	}
	
	#about-me .fireplace {
		margin: 0;
		width: 30vw;
		height: 30vw;
		max-width: 30vw;
		max-height: 30vw;
	}
	
	#about-me .fire:hover .logo1,
	#about-me .fire:focus .logo1 {
		opacity: 1;
	}

	#about-me .button-container {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10vw;
	}

	#about-me .button-container .button {
		background-color: #b5a172;
		padding: 2vw 4vw;
		text-align: center;
		width: 15vw;
		border-radius: 5px;
		cursor: pointer;
	}

	#about-me .button-container .button:hover,
	#about-me .button-container .button:focus {
		background-color: #a59672;
	}

	#about-me .button-container .button:active {
		background-color: #95896e;
	}
}

/*  --- SKILLS --- */

@media all {
	
	#skills {
		top: 0;
		left: 0;
		min-height: auto;
		height: 100vh;
		position: relative;
		top: -100vh;
		margin-bottom: -100vh;
		left: 100vw;
	}
	
	#skills .content {
		height: auto;
		flex-direction: column;
	}
	
	#skills .skills-text {
		width: 70%;   
		margin: 25vh auto 5vh auto;
	}
	
	#skills .skills-text p {
		font-size: 10pt;
	}
	
	#skills .decoration {
		display: flex;
		height: 100%;
	}
	
	#skills .top {
		height: 5vh;
	}
	
	#skills .bottom {
		height: 100%;
		margin: 0
	}
	
	#skills .bottom-inner {
		height: 5vh;
		margin-top: auto;
	}
	
	#skills .left {
		width: 5vh;
	}
	
	#skills .right {
		width: 5vh;
		margin-left: calc(100% - 5vh);
	}
	
	#skills .entrance {
		height: 15vh;
		margin-top: auto;
	}
	
	#skills .entrance.entrance-top {
		margin-top: 0;
		position: absolute;
		transform: scale(-1);
	}
	
	#skills .fireplaces {
		display: flex;
		margin: 0 auto 20vh auto;
		position: relative;
		width: 70%;
	}
	
	#skills .fireplaces {
		margin: 0 auto 20vh auto;
	}
	
	#skills .fireplace {
		margin: 0;
		width: 30vw;
		height: 30vw;
		max-width: 30vw;
		max-height: 30vw;
	}
	
	#skills .fire:hover .logo1,
	#skills .fire:focus .logo1 {
		opacity: 1;
	}
}

/*  --- CAREER --- */

@media all {
	
	#career {
		top: 0;
		left: 0;
		min-height: auto;
		height: 100vh;
		position: relative;
		top: -100vh;
		margin-bottom: -100vh;
		left: -100vw;
	}
	
	#career .content {
		height: auto;
		flex-direction: column;
	}
	
	#career .career-text {
		width: 70%;   
		margin: 25vh auto 5vh auto;
	}
	
	#career .career-text p {
		font-size: 10pt;
	}
	
	#career .decoration {
		display: flex;
		height: 100%;
	}
	
	#career .top {
		height: 5vh;
	}
	
	#career .bottom {
		height: 100%;
		margin: 0
	}
	
	#career .bottom-inner {
		height: 5vh;
		margin-top: auto;
	}
	
	#career .left {
		width: 5vh;
	}
	
	#career .right {
		width: 5vh;
		margin-left: calc(100% - 5vh);
	}
	
	#career .entrance {
		height: 15vh;
		margin-top: auto;
	}
	
	#career .entrance.entrance-top {
		margin-top: 0;
		position: absolute;
		transform: scale(-1);
	}
	
	#career .fireplaces {
		display: flex;
		margin: 0 auto 20vh auto;
		position: relative;
		width: 70%;
	}
	
	#career .fireplaces {
		margin: 0 auto 20vh auto;
	}
	
	#career .fireplace {
		margin: 0;
		width: 30vw;
		height: 30vw;
		max-width: 30vw;
		max-height: 30vw;
	}
	
	#career .fire:hover .logo1,
	#career .fire:focus .logo1 {
		opacity: 1;
	}
}

/*  --- PROJECTS --- */

@media all {
	
	#projects {
		top: 0;
		left: 0;
		margin-top: 5vh;
		min-height: 150vw;
	}
	
	#projects .gap {
		background-image: linear-gradient(#403423, #605744);
		top: -12.5vh;
		left: 0;
		transform: scale(1, 0.26);
		z-index: 0;
	}
	
	#projects .inner-gap {
		background-image: url("../img/about/gap.png");
		background-position: center;
		background-repeat: repeat-x;
		background-size: auto 100%;
		width: 100%;
		height: 100%;
	}
	
	#projects .content {
		flex-direction: column-reverse;
		justify-content: start;
		height: auto;
	}
	
	#projects .projects-text {
		margin-top: 35vw;
		margin-bottom: 0;
	}
	
	#projects .projects-text p {
		font-size: 12pt;
	}
	
	#projects .content .blood-path {
		margin-top: 65vw;
		height: 10vw;
		margin-bottom: 10vw;
	}
	
	#projects .content .blood-path-inner {
		margin-left: 80vw;
		height: 10vw;
		width: 10vw;
	}
	
	#projects .decoration {
		height: 150vw;
	}
	
	#projects .decoration .top.mobile {
		height: 20%;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 0;
	}
	
	#projects .decoration .top-wall {
		height: 100%;
		width:100%;
		background-image: url("../img/home/caveWall.png");
		background-position: center;
		background-repeat: repeat-x;
		background-size: auto 100%;
		position: relative;
	}
	
	#projects .decoration .cave-entrance {
		height: 100%;
		background-image: url("../img/home/caveEntrance.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: auto 100%;
		position: relative;
	}
	
	.projects .chest-area {
		width: 75vw;
		height: 35vw;   
		margin-top: -5vw;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		gap: 0px 0px;
		grid-template-areas:
		"a a"
		"b c";
	}
	
	.projects .chest[project="games"] {
		grid-area: a;
	}
	
	.projects .chest[project="web"] {
		grid-area: b;
	}
	
	.projects .chest[project="other"] {
		grid-area: c;
	}
	
	.projects .chest {
		margin: auto;
		z-index: 3;
	}
	
	.projects .chest p {
		font-size: 5vw;
	}
	
	.projects .chest:hover .chest-top p,
	.projects .chest:focus-within .chest-top p,
	.projects .chest.open .chest-top p {
		font-size: 5.5vw;
	}
	
	.projects .chest {
		width: 50vw;
		height: 40vw;
	}
		
	.projects .chest[project="web"], .projects .chest[project="other"] {
		width: 40vw;
		height: 32vw;
		margin: auto;
		margin-top: -10vw;
	}
	
	.projects .chest[project="web"] p, .projects .chest[project="other"] p {
		font-size: 4vw;
	}
	
	.projects .chest[project="web"]:hover .chest-top p,
	.projects .chest[project="web"]:focus-within .chest-top p,
	.projects .chest[project="web"].open .chest-top p,
	.projects .chest[project="other"]:hover .chest-top p,
	.projects .chest[project="other"]:focus-within .chest-top p,
	.projects .chest[project="other"].open .chest-top p {
		font-size: 4.4vw;
	}
	
	
	/* Left */
	
	#projects .left {
		width: 50vw;
		height: 100%;
		flex-direction: column;
		margin-left: -13vw;
	}
	
	
	#projects .left-inner {
		height: 70vw;
		background-image: url("../img/projects/sideTrees.png");
		background-position: top;
	}
	
	/* Right */
	
	#projects .right {
		width: 50vw;
		margin-left: calc(100vw - 17vw);
		flex-direction: column;
		z-index: 4;
	}
	
	#projects .right-inner {
		height: 70vw;
		background-position: top;
	}
	
	/* Left and Right */
	
	#projects .left-start,
	#projects .left-end,
	#projects .right-start,
	#projects .right-end {
		margin-top: 10vw;
		background-repeat: no-repeat;
		width: 100%;
		height: 35vw;
	}
	
	#projects .left-start,
	#projects .right-start {
		background-size: 100% 101%;
		background-position: top;
		background-image: url("../img/projects/sideTreesStart.png");
	}
	
	#projects .left-end,
	#projects .right-end {
		background-position: bottom;
		margin-top: -14.85vw;
		background-size: 100% 100%;
		background-image: url("../img/projects/sideTreesEnd.png");
	}
	
	/* Paper */
	
	#paper .paper-front {
		width: 100%;
	}
	
	#paper h1 {
		font-size: 30pt;
	}
	
	#paper .soon {
		font-size: 15pt;
	}
	
	#paper .content-description {
		margin: 50px 5%;
		font-size: 12pt;
	}
	
	#paper .project-buttons {
		display: flex;
		justify-content: center;
	}
	
	#paper .project-video .cookie-holder {
		width: 80vw;
		height: 45vw;
	}
	
	#paper .project-video .cookie-holder button {
		width: 30%;
		height: 15%;
	}
	
	#paper iframe {
		width: 80vw;
		height: 45vw;
	}
	
	#paper p,
	#paper ul,
	#paper h2 {
		font-size: 10pt;
	}
}

/*  --- SECRET-PROJECTS --- */

@media all {
	
	#secret-projects {
		top: 0;
		left: 0;
		height: auto;
		min-height: auto;
		margin-top: 5vh;
	}
	
	#secret-projects .gap {
		top: -5vh;
		height: 5vh;
		z-index: 0;
		background-image: linear-gradient(#9fd593, #847474);
	}
	
	#secret-projects .content {
		height: auto;
		padding-bottom: 40vw;
		overflow: hidden;
		height: 0;
		padding: 0;
		transition: all 0.5s;
	}
	
	#secret-projects.mobile-open .content {
		height: 55vw;
		padding-bottom: 40vw;
	}
	
	#secret-projects .chest-area {
		display: flex;
		margin-top: 0;
	}
	
	#secret-projects .chest {
		z-index: 1;
	}
	
	#secret-projects .left,
	#secret-projects .right {
		width: 40vw;
		height: 100%;
	}
	
	#secret-projects .left {
		margin-left: 0;
	}
	
	#secret-projects .right {
		margin-left: calc(100% - 25vw);
	}
	
	#secret-projects .content {
		flex-direction: column-reverse;
		justify-content: flex-end;
	}
	
	#secret-projects .projects-text {
		margin-top: 15vw;
		margin-bottom: 0;
		padding: 0;
	}
	
	#secret-projects .projects-text p {
		font-size: 12pt;
		position: relative;
		z-index: 1;
	}
	
	#secret-projects .decoration {
		width: 100%;
		height: 100%;
	}
	
	#secret-projects .decoration .background {
		transform: scale(-1);
		width: 100vw;
		height: 95vw;
	}
}

/*  --- CONTACT --- */

@media all {
	
	#contact {
		top: 0;
		left: 0;
		z-index: 1;
		min-height: auto;
		background-size: 100% 100%;
	}
	
	#contact .content {
		height: 110vw;
	}
	
	#contact .decoration {
		height: 100%;
	}
	
	
	
	/* Left */
	
	#contact .left {
		background-position: top;
		width: 60vw;
		margin-left: -33vw;
	}
	
	/* Right */
	
	#contact .right {
		background-position: top;
		width: 60vw;
		margin-left: calc(100vw - 15vw);
	}
	
	/* Top */
	
	#contact .top {
		height: 60vw;
		margin-top: -10vh;
	}
	
	#contact .top-inner {
		background-image: url("../img/contact/topPillars.png");
	}
	
	/* Bottom */
	
	#contact .bottom {
		width: 100%;
		height: 60vw;
		flex-direction: column;
		margin-top: 90%;
	}
	
	/* Machine */
	
	#contact .contact-field,
	#contact .contact-machine,
	#contact .contact-crystal {
		height: 66vw;
		width: 70vw;
	}
	
	#contact .contact-field {
		margin: auto auto 11vw auto;
		z-index: 4;
	}
	
	#contact a p {
		font-size: 2vw;
		opacity: 0.8;
	}
	
	#contact .contact-bottom {
		margin-top: 50%;
	}
	
	
	/* Left */
	
	
	#contact .button-left {
		width: 35%;
		height: 50%;
		margin: auto auto auto 5%;
	}
	
	/* Top Left */
	
	#contact .button-top-left {
		width: 30%;
		height: 30%;
		margin: 30% 0 0 30%;
	}
	
	/* Top */
	
	
	#contact .light-top {
		width: 100%;
		height: 80%;
	}
	
	#contact .button-top {
		width: 40%;
		height: 25%;
		margin: 10% auto 0 auto;
	}
	
	/* Top Right */
	
	
	#contact .button-top-right {
		width: 30%;
		height: 30%;
		margin: 30% 30% 0 auto;
	}
	
	/* Right */
	
	
	#contact .button-right {
		width: 30%;
		height: 40%;
		margin: auto 10% auto auto;
	}
	
	
	/* Machine */
	
	#contact .contact-top-left,
	#contact .contact-top,
	#contact .contact-top-right {
		height: 55%;
	}
	
	#contact .button-machine {
		width: 25%;
		height: 25%;
	}
	
	#contact .button-machine:focus {
		width: 26%;
		height: 26%;
	}
	
	#contact .button-machine:hover {
		width: 27%;
		height: 27%;
	}
	
	/* Press */
	
	#contact .contact-press {
		height: 100%;
		width: 100%;
		position: relative;
		display: flex;
	}
	
	#contact .press {
		width: 25%;
		height: 25%;
		margin: auto 6vw 4vw auto;
		background-image: url("../img/contact/press.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		z-index: 3;
		opacity: 0.4;
	}
	
	#contact .press {
		width: 25%;
		height: 25%;
		margin: auto 6vw 4vw auto;
		background-image: url("../img/contact/press.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		z-index: 3;
		opacity: 0.4;
		transition: opacity 0.2s;
	}
	
	#contact[button="on"] .press {
		opacity: 0;
	}
	
	/* Shadows */
	
	#contact .shadows .top-inner, #contact .shadows .bottom-inner {
		background-image: url("../img/contact/topPillarsShadow.png");
		z-index: 1;
	}
	
}

/*  --- GARDEN --- */

@media all {
	
	#garden {
		top: 0;
		left: 0;
		overflow: hidden;
		min-height: 80vh;
		height: auto;
		z-index: 0;
	}
	
	#garden .content {
		height: 150vw;
	}
	
	#garden .flowers {
		width: 70%;
		grid-template-columns: repeat(3, 22vw);
		grid-template-rows: repeat(auto-fill, 22vw);
		margin: 40vw auto 0 auto;
		grid-gap: 2vw;
		clip-path: none;
	}
	
	#garden .flower-inner {
		clip-path: none;
		margin-top: 80%;
		color: #0005 !important;
		background-color: transparent !important;
	}
	
	#garden .flower-inner p {
		font-size: 8pt;
	}
	
	#garden .decoration {
		height: 100%;
	}
	
	/* Left */
	
	#garden .left {
		width: 10vw;
		height: calc(100% - 35vw);
		margin-left: 2vw;
		margin-top: 35vw;
	}
	
	#garden .left-start {
		height: 17vw;
	}
	
	#garden .left {
		width: 10vw;
		height: calc(100% - 35vw);
		margin-left: 2vw;
		margin-top: 35vw;
	}
	
	/* Right */
	
	#garden .right {
		width: 10vw;
		height: calc(100% - 35vw);
		flex-direction: column;
		margin-left: calc(100% - 7vw);
		margin-top: 35vw;
		overflow:hidden;
	}
	
	#garden .right-start {
		height: 17vw;
		background-image: url("../img/garden/fenceStart.png");
		background-position: top;
	}
	
	#garden .right-inner {
		height: 100%;
		background-image: url("../img/garden/fence.png");
		background-position: top;
	}
	
	/* Bottom */
	
	#garden .bottom {
		width: 100%;
		height: 100%;
		margin: 0;
	}
	
	#garden .bottom-inner {
		margin-top: auto;
		margin-bottom: -14vw;
		height: 30vw;
	}
	
	#garden .river {
		display: none;
	}
}

/*  --- NAVIGATION --- */

@media all {
	
	.navigation {
		display: none;
	}
	
	#navigation {
		top: 0;
		height: 7vh;
		position: fixed;
		z-index: 100;
		width: 100vw;
		display: flex;
		justify-content: space-around;
		align-items: center;
		z-index: 5;
		background-image: url("../img/home/navbar.png");
		background-position: center;
		background-repeat: repeat-x;
		background-size: auto 100%;
		transition: top 1s;
	}
	
	#map.nocookie #navigation {
		top: -7vh;
		transition: none;
	}
	
	#navigation button {
		width: 100%;
		height: 100%;
		display: flex;
		transition: all 0.2s 0.1s;	
		justify-content: center;
		align-items: center;	
		cursor: pointer;
		background-color: transparent;
		border: none;
		margin: 0;
		padding: 0;
	}
	
	#navigation button .seperator {
		width: 100%;
		height: 50%;
		display: flex;
		border-style: solid;	
		border-right-color: #6665;
		border-right-width: 1px;
	}
	
	#navigation button:last-of-type .seperator {
		border: none;
	}
	
	#navigation button p {
		margin: auto;
		font-size: 9pt;
		text-align: center;
		color: #777252;
	}
	
	#map[area="home"] #navigation button[area="home"],
	#map[area="about-me"] #navigation button[area="about-me"],
	#map[area="projects"] #navigation button[area="projects"],
	#map[area="contact"] #navigation button[area="contact"],
	#map[area="garden"] #navigation button[area="garden"] {	
		background-color: #9e6c6c26;
		transition: all 0.2s 0.05s;	
	}
	
}

/*  --- PREVIEW --- */
	
@media all {
	
}

/*  --- FOOTER --- */
	
@media all {
	
	/* Content */
	
	#footer {
		background-color: #55361a;
		height: 50px;
	}
	
	#footer .content {
		display: flex;
		width: 100%;
		height: 100%;
	}
	
	#footer .overlap-container {
		display: flex;
		width: 100%;
		height: 100%;
	}
	
	#footer .links {
		text-align: center;
		margin: auto 10px auto auto;
		pointer-events: all;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	
	#footer .links a {
		font-size: 8pt;
		font-weight: 600;
		color: #ffffffaf;
		text-align: right;
	}
	#footer .links a:focus,
	#footer .links a:hover {
		color: #ffffffff;
	}
	
	#footer .copyright {
		text-align: center;
		margin: auto auto auto 10px;
		pointer-events: all;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	
	#footer .copyright p {
		font-size: 8pt;
		font-weight: 600;
		color: #ffffffaf;
		text-align: left;
	}
}

}

/*  --- LANDSCAPE PHONE --- */

@media only screen and (min-width: 600px) and (max-height: 500px) {
	
	#home .home-text p {
		font-size: 12pt !important;
	}
	
	#about-me .about-me-text p {
		font-size: 8pt;
	}
	
	.navigation .nav-button p {
		font-size: 12pt;
	}

	.navigation .nav-button:focus p,
	.navigation .nav-button:hover p {
		font-size: 14pt;
	}
	
	.navigation .nav-content img {
		width: 30px;
		height: 30px;
	}
	
	#projects .projects-text p {
		font-size: 12pt;
	}
	
	#secret-projects .projects-text p {
		font-size: 12pt;
	}
	
	#contact .contact-container a p {
		font-size: 4pt;
		opacity: 0.8;
	}
	
	#paper .project-video .cookie-holder {
		width: 60vw;
		height: 33.75vw;
	}
	
	#paper iframe {
		width: 60vw;
		height: 33.75vw;
	}
	
	#paper h1 {
		font-size: 30pt;
	}
	
	#paper .content-description {
		font-size: 12pt;
	}
	
	#home .links a {
		font-size: 10pt;
	}
	
	#home .copyright p {
		font-size: 8pt;
	}
}