@font-face
{
    font-family:'robotolight';
    src:url('fonts/roboto.light-webfont.eot');
    src:url('fonts/roboto.light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/roboto.light-webfont.woff2') format('woff2'),
    url('fonts/roboto.light-webfont.woff') format('woff'),
    url('fonts/roboto.light-webfont.ttf') format('truetype'),
    url('fonts/roboto.light-webfont.svg#robotolight') format('svg');
    font-weight:normal;
    font-style:normal;
    color:#000000;
}

@font-face
{
    font-family:'robotobold';
    src:url('fonts/roboto.bold-webfont.eot');
    src:url('fonts/roboto.bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/roboto.bold-webfont.woff2') format('woff2'),
    url('fonts/roboto.bold-webfont.woff') format('woff'),
    url('fonts/roboto.bold-webfont.ttf') format('truetype'),
    url('fonts/roboto.bold-webfont.svg#robotobold') format('svg');
    font-weight:normal;
    font-style:normal;}

@charset "utf-8";
/* CSS Document */


.colorblue {color:#00b6fc !important;}

.content{padding-right:10px;height:auto;padding-left:10px;}

p{font-family: 'Playball', cursive; color:#ff00d3;padding-left:0px;text-align:left;font-size:19px;}

strong{ font-size:30px;} .logo {padding:10px;}


/* Pure CSS3 jQuery-Like fadeIn
---------------------------------------------------- */
.fadeIn {
	/* Styling for Demo
	---------------------------------------------------- */

	
	/* CSS needed for animation
	---------------------------------------------------- */
	opacity:0;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	-o-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

/* Animation Times - Time for image to fade in
---------------------------------------------------- */
.fadeIn-3s {
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	-o-animation-duration:2s;
	animation-duration:2s;
}

.fadeIn-5s {
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
}

/* Animation Delay - Time for image to be delayed
---------------------------------------------------- */
.fadeIn-Delay-3s {
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	-o-animation-delay:2s;
	animation-delay:2s;
}

.fadeIn-Delay-5s {
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s;
}

/* Key Frames
---------------------------------------------------- */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.menulink
{
    text-decoration:none;
    width:100%;
    line-height:35px;
    display:block;
    color:#fff;
    font-family:'robotolight';
    font-weight:bold;
    font-size:14px;
    letter-spacing:1px;
}

.menulink .lookbookmenu
{
    border-radius: 5px;
    background: #FF0181;
    width: 110px;
    height: 35px; 
    text-align:center;
    vertical-align:middle;
}

.menulink .workdiaries
{
    border-radius: 5px;
    background: #01FF01;
    width: 130px;
    height: 35px; 
    text-align:center;
    vertical-align:middle;
}

.menulink .beautydiaries
{
    border-radius: 5px;
    background: #FA5617;
    width: 140px;
    height: 35px; 
    text-align:center;
    vertical-align:middle;
}

.menulink .makeupdiaries
{
    border-radius: 5px;
    background: #02CBFF;
    width: 150px;
    height: 35px; 
    text-align:center;
    vertical-align:middle;
}

.menulink .celebdiaries
{
    border-radius: 5px;
    background: #AA00FF;
    width: 160px;
    height: 35px; 
    text-align:center;
    vertical-align:middle;
}

.menulink .desigschool
{
    border-radius: 5px;
    background: #2F33D3;
    width: 290px;
    height: 35px; 
    text-align:center;
    vertical-align:middle;
}

.menulink .awarddiaries
{
    border-radius: 5px;
    background: #FBFE01;
    color:#2F33D3;
    width: 140px;
    height: 35px; 
    text-align:center;
    vertical-align:middle;
}

.menulink .contact
{
    border-radius: 5px;
    background: #FF0181;
    width: 100px;
    height: 35px; 
    text-align:center;
    vertical-align:middle;
}

.copyright
{
    text-align:center;
    vertical-align:middle;
    color:#777;
    font-family:Calibri;
    font-weight:300;
    padding-top:10px;
}