<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html {
	scroll-behavior: smooth;
}
ol {
    padding-left: 18px;
}
ul {
    padding-left: 18px;
}
li {
	margin-bottom: 2vh;
}
h1 {
	line-height: 1.3;
}
.img-bigthumb {
	width: 80vw;
	position: relative;
	left: -5vw;
}
#to-top {
	position: fixed;
	top: 85vh;
	right: 5vw;
	opacity: 0;
	transition: all .3s;
	z-index: 9999;
	background-color: white;
	border: 1px solid black;
	padding: 10px;
	padding-bottom: 15px;
	padding-top: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-weight: bold;
}
#to-top:hover {
	cursor: pointer;
	top: 83vh;
}
#foodify-body {
	width: 70vw;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.7;
	margin-bottom: 180px;
	font-size: 18px;
}
/*---------------------------intro part!--------------------------*/
.foodify-intro {
	margin-bottom: 12vh;
}
#foodify-title {
	margin-top: 40px;
	font-size: 80px;
	margin-bottom: 20px;
	text-align: center;
}
.foodify-intro h3 {
	color: gray;
	margin-bottom: 0px;
	margin-top: 10px;
}
.foodify-intro p {
	margin-bottom: 4vh;
}
.foodify-introheader {
	margin-bottom: 10vh;
}
.foodify-introheaderchunk {
	margin-top: 5vh;
	display: flex;
	flex-wrap: wrap;
}
.foodify-introheaderchunk div {
	margin-bottom: 1vh;
}
/*-----------------------------------------------------*/
.foodify-section {
	margin-top: 22vh;
}
.foodify-section h1 {
	line-height: 1.3;
	font-size: 55px;
	margin-bottom: 0px;
	overflow: none;
}
.foodify-section .underline {
	padding: 7px;
	background-color: lightgray;
}

.foodify-focus {
	margin-bottom: 25vh;
}
.foodify-focus h1 {
	font-size: 50px;
}
.foodify-myrole h1 {
	font-size: 50px;
	margin-bottom: 0px;
}
/*-----------------------------------------------*/
.initial-fig1 {
	margin-top: 10vh;
}
.initial-fig {
	margin-top: 15vh;
}
.img-fig3thumb {
	width: 32vw;
	position: relative;
	left: 2vw;
}
/*-----------------------------------------------*/
.img-prototype {
	width: 30vw;
	margin-left: auto;
	margin-right: auto;
}

.section-prototypes {
	display: flex;
	align-items: flex-end;
	text-align: center;
/*	width: 70vw;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 10vh;
}
/*------------------------------------------*/
.building-text {
	margin-top: 10vh;
	margin-bottom: 10vh;
}
.building-text h2 {
	font-size: 40px;
	margin-bottom: 0px;
	line-height: 1.3;
}

.finished-text h2{
	font-size: 40px;
	line-height: 1.3;
	margin-bottom: 0px;
}

/*
.finished-item {
	margin-top: 5vh;
	margin-bottom: 5vh;
}
.finished-itemhome {
	margin-top: 5vh;
	margin-bottom: 10vh;
}
*/
.finished-images {
	display: flex;
	flex-wrap: wrap;
	width: 85vw;
	position: relative;
	left: 4vw;
	margin-top: 10vh;
	margin-bottom: 4vh;
}
.finished-images div {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#addingredients {
	margin-bottom: .3vh;
}
.finished-images div img {
	width: 17vw;
}
.finished-imagesspace {
	margin-right: 2vw;
}
.finished-imagesc {
	margin-right: 2vw;
}
.finished-imagescd {
	position: relative;
	left: -4vw;
}
.finished-imagestext {
	font-size: 15px;
	margin-top: 10px;
}
.finished-demo {
	margin-top: 15vh;
	display: flex;
	flex-direction: column;
	align-items: center;
/*	text-align: center;*/
}
.finished-demo video {
	margin-right: 3vw;
}
.finished-demo div h3 {
	font-size: 30px;
	margin-bottom: 0px;
	margin-top: 5vh;
}
.finished-demotext {
/*	width:50vw;*/
}
/*-------------------------------------------*/
.foodify-reflecting {
	margin-top: 22vh;
}
.foodify-reflecting h2 {
	font-size: 60px;
	margin-bottom: 0px;
}
/*--------------------------------------------*/
.foodify-prevlink {
	width: 170px;
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
	top: -6vh;
	font-size: 20px;
}
.foodify-prevlink div {
	margin-left: 5px;
	text-align: left;
}
.foodify-nextlink {
	width: 170px;
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
	left: 50vw;
	top: -15vh;
	font-size: 20px;
}
.foodify-nextlink:hover {
	cursor: pointer;
}
.foodify-nextlink div {
	margin-right: 5px;
	text-align: right;
}
.fa-angle-right {
	font-size: 100px;
	transition: all 0.5s;
}

@media screen and (min-width: 768px) {
	#foodify-body {
		width: 50vw;
	}
	#foodify-title {
		margin-top: 60px;
	}
	.foodify-introheader {
		margin-bottom: 5vh;
		width: 40vw;
		margin-right: auto;
		margin-left: auto;
	}
	.foodify-introheaderchunk div {
		width: 15vw;
		margin-right: 5vw;
		margin-bottom: 5vh;
	}
	.foodify-introheader h3 {
		text-align: center;
	}
	.img-bigthumb {
		width: 30vw;
		margin-bottom: 3vh;
		height: 40vh;
	}
	.img-smallthumb {
		width: 50vw;
	}
	.img-fig3thumb {
		width: 15vw;
		left: -5vw;
		margin-right: .5vw;
	}
	.initial-fig3text {
		position: relative;
		right: 1vw;
	}
	.foodify-section {
		margin-bottom: 29vh;
	}
	.foodify-section h1 {
		font-size: 70px;
	}
	.building-text h2 {
		font-size: 50px;
	}
	.finished-text h2 {
		font-size: 50px;
	}
	.foodify-focus {
		margin-bottom: 25vh;
	}
	.foodify-focus h1 {
		font-size: 60px;
		margin-right: 7vw;
	}
	.foodify-myrole {
		display: flex;
	}
	.foodify-myrole h1 {
		font-size: 60px;
		margin-right: 5vw;
	}
	.foodify-role h2 {
		font-size: 45px;
	}
	.foodify-initial {
		margin-top: 10vh;
		margin-bottom: 20vh;
	}
	.foodify-initial h2 {
		font-size: 50px;
	}
	.foodify-final h2 {
		font-size: 50px;
	}
	.initial-fig1 {
		display: flex;
		align-items: center;
		position: relative;
		left: 5vw;
	}
	.initial-fig1 div {
		width: 18vw;
	}
	.initial-fig {
		display: flex;
		align-items: center;
		position: relative;
		left: 5vw;
	}
	.initial-fig div {
		width: 18vw;
	}
	.flex-prototypes {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 48vw;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		left: 1.5vw;
	}
	.section-prototypes {
		width: 22vw;
		flex-direction: column;
		align-items: flex-start;
		text-align: center;
		margin-left: 0px;
		margin-right: 0px;
	}
	.img-prototype {
		width: 20vw;
		margin-left: 0px;
		margin-right: 0px;
		
	}
	/*-----------------------------------------*/
	.foodify-prevlink {
		left: 15vw;
	}
	/*-----------------------------------------*/
	.finished-images {
		flex-wrap: nowrap;
		position: relative;
		left: -12vw;
	}
	.finished-imagesc {
		margin-right: 2vw;
	}
	.finished-imagescd {
		position: static;
	}
	.finished-demo {
		margin-top: 15vh;
		display: flex;
		flex-direction: row;
		align-items: flex-end;
	}
}
</pre></body></html>