@charset "UTF-8";
/* CSS Document */
/* Oz Design CSS Document by Melissa Sherley */

.oz-design-header{
	background-color: rgba(225,107,52,1.00);
	height:20vh;
	width:100vw;
	align-content:center;
}

.oz-design-header-container {
	padding-top:50px;
	width:95vw;
	margin:auto;
	border:1px dashed var(--toggle);
	align-content: center;	
	justify-content:center;
}


/**** ((((DIVIDERS))) ****/

.oz-design-divider{
	background-color: var(--toggle);
	height:3vh;
	width: 100vw;
}

.fivepx-oz-design-divider{
	height:5px;
}


/**** ((((LOGO))) ****/

.oz-design-logo{
	max-width:250px
}


/**** (((BRIEF))) ****/

.oz-design-brief-and-assets{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	max-width:860px;
}

.oz-design-brief{
	border:1px solid black;
	box-shadow: var(--box-shadow);
	width:100%;
	height:100%;
	width:400px;
	min-width:300px;
	height:auto;
	aspect-ratio:400px/450px;
	padding:20px;	
}

.oz-design-assets-container{
	height:100%;
	aspect-ratio:400px/450px;
	border:1px solid black;
	box-shadow: var(--box-shadow);
	align-content:center;
	padding:30px 20px 20px 20px ;
}

.oz-design-assets{
	max-width:400px;
	min-width:300px;
	height:100%;
	object-fit:cover;
	overflow:hidden;
}


/**** (((MY RESEARCH))) ****/

.oz-design-grid_2{
	max-width:840px;
	height:auto;
	justify-content:center;
	align-content:center;
	display:grid;
	margin-bottom:20px;
	box-shadow:var(--box-shadow);
	border:1.5px solid rgba(35,31,32,1.00); 
	object-fit:cover; 
	overflow:hidden;
	border-radius:10px; 
	grid-template-columns:100%;
	grid-template-rows: auto auto;
	grid-template-areas: 
		 'title1'
		 'content1';
}

.oz-design-grid-content{
	grid-area:content1; 
	align-content:center; 
	/* padding:0 4vw 0 4vw; 
	padding-left:30%;*/ 
	width:100%;
	height:auto;
	padding:20px;
}

.oz-design-banner{
	background-color: rgba(35,31,32,1.00);
	grid-area:title1; 
	justify-content:center; 
	align-content:center; 
	z-index:2; 
	padding:30px 10px 30px 10px;
}



/**** (((CREATED WITH))) ****/

.oz-design-icon-list{
	max-width:200px !important;
	padding:10px;
	border:1.5px solid #b61f2f;
	border-radius:20px;
	display:flex;
	justify-content: space-evenly;
	margin-bottom:20px;
	filter:sepia(100%);
}

.oz-design-icons{
	display:flex;
	border-radius:30%;
	width:64px;
	aspect-ratio:224px/221px;
}


/**** (((MY DESIGN SOLUTION))) ****/


/* Website Banner */
.OZ-Design_by-Melissa-Sherley{
	background-color:rgba(239,242,245,1.00);
	max-width: 840px; 
	height:auto; 
	border-radius:10px;
	box-shadow:var(--box-shadow);
	padding: 3% 0 3% 0;
}

/* Socials x2 */
.OZ-Design_by-Melissa-Sherley_2{
	background-color:rgba(239,242,245,1.00);
	max-width: 460px; 
	height:auto; 
	border-radius:10px;
	box-shadow:var(--box-shadow);
	padding: 3% 0 3% 0;
}