/*link the ageo font*/
@font-face {

    font-family: 'duepuntozero';
    src: url('../data/fonts/duepuntozero.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {

    font-family: 'duepuntozero';
    src: url('../data/fonts/duepuntozero_bold.otf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

*{
	margin: 5px;
	padding:5px;
	font-family: 'duepuntozero', Futura, sans-serif;
	font-weight:normal;
	font-style:normal;
}

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


/*HOMEPAGE*/

body.homepage {
    
    background-image: url("../data/cc_1.gif");
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    padding-top: 100px;
}


 
div.websitetitle {
    
    font-size: 38px;
    text-align: center;
    top: 320px;
    object-position: 500px;
 }

li.links {
    background-color: none;
    font-size: 40px;
    transition-property: background-color; 
    transition-duration: 500ms;
    color: black;
    list-style-type: none;
    display: inline-block;
    text-align: left;
    
   }

li.links:hover {
        
        background-color: darkslateblue;
        color: white;
        display: inline-block;

   }

img.laptop{
    width: 300px;
    height: 200px;
}




/*WHAT IS CLOUD COMPUTING*/

/*set the % set as inline block or float to the left */

div.whatiscch3{

    font-size: 50px;
    text-align: left;
    margin-top: 150px;

	
}

div.whatiscch4{

    font-size: 32px;
    text-align: left;

}

div.whatiscc{

    font-size: 28px;
    text-align: left;
    width: 65%;
    float: left;
    position: relative;
    overflow: hidden;

}

h4.glossary {

    font-size: 32px;
    text-align: left;
    width: 25%;
    float: right;
    position: relative;
    overflow: hidden;
}

div.glossary{

    font-size: 20px;
    text-align: left;
    width: 25%;
    float: right;
    position: relative;
    overflow: hidden;

}

p.def1{
    padding-top: 50px;
}

p.def2{
    padding-top: 65px
}

p.def3{
    padding-top: 115px;
}

p.def4{
    padding-top: 0px;
}

p.def5{
    padding-top: 80px;
}

/*WHY IS CLOUD COMPUTING IMPORTANT*/

div.whyiscch3{

    font-size: 50px;
    text-align: left;
    margin-top: 150px;

}

div.whyiscc{

    font-size:28px;
    text-align: left;
}

li.benefits{

    font-size: 28px;
    text-align: left;
    list-style-type: none;
    display: inline-block;
    text-align: left;
    padding-left: 10px
}


/*HOW TO CREATE A CLOUD COMPUTING ENVIRONMENT*/


div.howtoh3{
    font-size: 50px;
    text-align: left;
    margin-top: 150px;

}

div.platforms{

    font-size: 40px;
    padding-top: 50px;
    padding-bottom: 50px;
}

li.allthelinks {

    font-size: 28px;
    list-style-type: none;
    transition-property: background-color; 
    transition-duration: 500ms;
    display: inline;
    color: black;
    line-height: 2;
}

li.allthelinks:hover {
    background-color: darkslateblue;
    color: white;
}

h2.about {

    font-size: 40px;
    padding-top: 200px;
    padding-bottom: 50px;

}

li.platforms{

    list-style-type: none;
    font-size: 28px;

}
p.information{
    font-size: 40px;
    padding-top: 60px
}

a.this {

    background-color: none;
    transition-property: background-color; 
    transition-duration: 500ms;
    font-weight: bold;
    display: inline-block;
}
 
a.this:hover {
    background-color: darkslateblue;
    color: white;
}