/* .class{
    option: parameter;
}
*/

.body{
    background-color: #505050;
    color: #ffffff;
}

.titleimg{
    border-radius: 30%;
    max-width: 300px;
    max-height: 300px;
}

@media (max-width: 992px){
	.titleimg{
    	    max-width: 200px;
    	    max-height: 200px;
	}
}

@media (max-width: 768px){
	.titleimg{
    	    max-width: 80px;
    	    max-height: 80px;
	}
}

.box{
    border: 2px solid red;
    background-color: #04B486;
}

.linkbox{
    text-align: center;
    border: 2px solid #ff6633;
    background-color: #ff6633;
    border-radius: 15px;
    margin-top: 30px;
    margin-right: 15px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding: 10px;
}

.linkbox:hover{
    background-color: #505050;
    color: #ff6633;
    box-shadow: 10px 10px 40px #a0a0a0;
}

.link{
    color: #ffffff;
}

.link:hover{
    color: #ff6633;
    text-decoration: none;
}



.footer{
    text-align: center;
    margin-top: 100px;
}

.header{
    
    margin-top: 100px;
    
}