@charset "UTF-8";

/* css for all page layouts or multiple */



html, body {
    margin: 0;
    padding: 0;
    text-align: center;
}

div.background {
    background: url(../images/tmcc.jpg) repeat; 
    margin: -10px auto;
    max-width: 80%;
    max-height: 50%;
    padding: 150px 100px;
    opacity: 0.3;
}

header {
    margin:20px auto 10px;
    background-color: #839e64;
    padding: 20px 100px;
    max-width: 80%;
    word-spacing: 250px;
    font-size: 1.5rem;
}

a:link {
    color: aliceblue;
    text-decoration: none;
}

a:visited {
    color: aliceblue;
}

a:hover {
    color: rgb(202, 227, 185);
    text-decoration: none;
}

a:active {
    color: aliceblue;
}

a:focus {
    color: aliceblue;
}

.logo {
    max-width: 10%;
    transform: translate(-750px, 0px);
}

body {
    background-color: #3e6549;
}

main {
    margin-bottom: -700px;
    font-family: Palatino Linotype, 'Times New Roman', Times, serif;
}

.size {
    font-size: 3rem;
}

.small {
    font-size: 1.5rem;
}

/* css for all page layouts or multiple ends */

/* index page css starts here*/

div.gamt {
    transform: translate(0px, -230px);
    font-size: 6rem;
    margin: 0px 1300px 0px 40px;
    padding-left: 40px;
    color: aliceblue;
    font-family: Palatino Linotype, 'Times New Roman', Times, serif;
}

div.truckee {
    transform: translate(0px, -250px);
    font-size: 1.5rem;
    text-align: left;
    margin: 0px 100px 0px;
    padding-left: 30px;
    padding-top: 30px;
    color: aliceblue;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}

.info {
    transform: translate(380px, -720px);
    background-color: #839e64;
    margin: -45px 600px 0px 600px;
    padding: 50px;
    font-size: 2.5rem;
    color: aliceblue;
    font-family: Palatino Linotype, 'Times New Roman', Times, serif;
} 

p {
    padding-left: 200px;
    text-align: left;
    font-size: 3rem;
    transform: translate(0px, -100px);
    color: aliceblue;
}

nav {
    padding-left: 200px;
    text-align: left;
    font-size: 3rem;
    transform: translate(0px, -100px);
}

.in {
    background-color: #839e64;
    padding: 10px;
    margin: 35px 500px;
    width: 15%;
    text-align: center;
    transform: translate(-300px, -100px);
    border-radius: 10px;
}
.cl {
    background-color: #839e64;
    padding: 10px;
    margin: 35px 500px;
    width: 20%;
    text-align: center;
    transform: translate(-200px, -100px);
    border-radius: 10px;
}
.de{
    background-color: #839e64;
    padding: 10px;
    margin: 35px 500px;
    width: 25%;
    text-align: center;
    transform: translate(-100px, -100px);
    border-radius: 10px;
}


/* index page css ends here*/


/* certificates page css starts here*/

div.backgrounddc {
    background: url(../images/tmcc.jpg) repeat; 
    margin: -10px auto;
    max-width: 80%;
    max-height: 50%;
    padding: 150px 100px;
    opacity: 0.3;
}

div.degrees {
    transform: translate(0px, -230px);
    font-size: 6rem;
    margin: 0px auto;
    padding-left: 40px;
    color: aliceblue;
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif
}

main.dc {
    text-align: center;
    margin-right: 200px;
    font-family: Palatino Linotype, 'Times New Roman', Times, serif;
}


.logodc {
    max-width: 10%;
    padding-top: 600px;
}

/* certificates page css ends here*/


/* classes offered page css starts here*/

div.classes {
    transform: translate(0px, -230px);
    font-size: 6rem;
    margin: 0px auto;
    padding-left: 40px;
    color: aliceblue;
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif
}

main.co {
    text-align: center;
    margin-right: 200px;
    font-family: Palatino Linotype, 'Times New Roman', Times, serif;
}

.logoco {
    max-width: 10%;
    padding-top: 600px;
}

/* classes offered page css ends here*/


/* gallery page css starts here*/

div.gallery {
    transform: translate(0px, -230px);
    font-size: 6rem;
    margin: 0px auto;
    padding-left: 40px;
    color: aliceblue;
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif
}

.logoga {
    max-width: 10%;
    padding-top: 650px;
    padding-bottom: 40px;
}

/* gallery page css ends here*/


/* instructors page css starts here*/

div.instructor {
    transform: translate(0px, -230px);
    font-size: 6rem;
    margin: 0px auto;
    padding-left: 40px;
    color: aliceblue;
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif
}

.logoin {
    max-width: 10%;
    padding-top: 650px;
    padding-bottom: 40px;
}

main {
    font-family: Palatino Linotype, 'Times New Roman', Times, serif;
}

.textin {
    font-size: 2rem;
    text-align: center;
    text-align: center;
    margin-right: 200px;
    transform: translate(0px, -60px)
}


.puff {
    transform: translate(0px, -60px)
}

.fish {
    transform: translate(0px, -60px);
}

.gill {
    transform: translate(0px, -60px);
}

.fin {
    transform: translate(0px, -60px);
}

/* instructors page css ends here*/