* {
	padding: 0px;
	margin: 0px;
}

html {
    height: 100%;
	font-family: 'Helvetica';
    color: white;
    min-width: 480px;
}

body {
	width: auto;
	height: auto;
	min-height: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: black;
    min-width: 480px;
}

#page {
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
    
    background-color: none;
    min-width: 480px;
}

#menu-top {
	position: fixed;
	top: 0px;
	width: 100%; 
	height: 20px;
    padding: 12px;
    
        background: linear-gradient(225deg, #ffc136, #f7902e, #ef5926, #e8001e, #ac141b, #8f1719);
        background-size: 1200% 1200%;

        -webkit-animation: AnimationName 20s ease infinite;
        -moz-animation: AnimationName 20s ease infinite;
        -o-animation: AnimationName 20s ease infinite;
        animation: AnimationName 20s ease infinite;
   
	/*background-color: #06b3b5;*/
	color: #FFFFFF;
	z-index: 99;
	display: none;
    opacity: 0.9;
}

        @-webkit-keyframes AnimationName {
            0%{background-position:93% 0%}
            50%{background-position:0% 100%}
            100%{background-position:93% 0%}
        }
        @-moz-keyframes AnimationName {
            0%{background-position:93% 0%}
            50%{background-position:0% 100%}
            100%{background-position:93% 0%}
        }
        @-o-keyframes AnimationName {
            0%{background-position:93% 0%}
            50%{background-position:0% 100%}
            100%{background-position:93% 0%}
        }
        @keyframes AnimationName { 
            0%{background-position:93% 0%}
            50%{background-position:0% 100%}
            100%{background-position:93% 0%}
        }

#gallery img {
    width: 220px;
    height: 165px;
    margin: 10px;
    display: block;
    float: left;
    border-radius: 2px;
    opacity: 0.90;
}

#gallery img:hover {
    opacity: 1;
}

#logo {
    text-align: center;
    padding-top: 120px;
    padding-bottom: 120px;
}


.personality {
    font-size: 10px;
    opacity: 0.05;
    width: 120px;
    margin-left: auto;
    margin-right: auto;
}

.personality:hover {
    opacity: 0.35;
}

#text-menu a {
    color: white;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 20px;
    font-size: 14px;
    opacity: 0.5;
}

#text-menu a:hover {
    opacity: 1;
}

.big-button {
    opacity: 0.5;
}

#StyleSwitcher {
    float: right;
    text-align: right;
    margin-top: -15px;
}

#StyleSwitcher a {
    margin-right: 10px;
    margin-left: 20px;
}

#StyleSwitcher img {
    margin-top: -20px;
}

a {
    text-decoration: none;
    color: white;
}

@media screen AND (min-width: 980px){
    #page {
        max-width: 960px;
    }
    #title {
        width: 960px;
    }
    #container-left {
        width: 470px;
    }
    #container-right {
        width: 470px;
    }
}

@media screen AND (max-width: 980px) AND (min-width: 740px){  
    #page {
        max-width: 720px;
    }
    #title {
        width: 720px;
    }
    #container-left {
        width: 350px;
    }
    #container-right {
        width: 350px;
    }
}

@media screen AND (max-width: 740px) AND (min-width: 0px){ 
    #page {
        max-width: 480px;
    }
    #title {
        width: 480px;
    }
    #container-left {
        width: 230px;
    }
    #container-right {
        width: 230px;
    }
    
    
    #text-menu a {
        margin-right: 10px;
        font-size: 12px;
    }
    
    
}

#title {
    text-align: center;
    font-size: 24px;
    min-width: 460px;
    float: left;
    margin-top: 40px;
    min-width: 480px;
}

#container-left {
    min-width: 230px;
    margin-right: 0px;
    margin-top: 20px;
    float: left;
    text-align: right;
    line-height: 28px;
    
    background-color: none;
}

#container-right {
    min-width: 230px;
    margin-left: 0px;
    margin-top: 20px;
    float: right;
    text-align: left;
    line-height: 28px;
    
    background-color: none;
}

H1 {
    letter-spacing: 3px;
}

p {
    opacity: 1;
}

h2 {
    opacity: 0.65;
}

#follow-me {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 80px;
}

#follow-me img {
    max-width: 50px;
    max-height: 50px;
    margin: 30px;
    opacity: 0.65;
}

#follow-me img:hover {
    opacity: 1;
}