Your IP : 216.73.216.236


Current Path : /home/kamilrogam/komp/2018/180513/_MY_PROJECTS/STAROCIE/CV_kamilrogala/css/
Upload File :
Current File : /home/kamilrogam/komp/2018/180513/_MY_PROJECTS/STAROCIE/CV_kamilrogala/css/main.css

@charset "UTF-8";
*{
 padding: 0;
 margin: 0;
 outline:none;
}

body{
font-family: 'Gruppo', sans-serif;
font-size: 17px;
 
line-height: 23px;
 
color: #000;
 width:100%;
 text-align:justify;
background: #EFEFEF;
}

a{
 text-decoration:none;
 color: #4C81D9;
}
a:hover{
 text-decoration:none;
 text-shadow: 0 0 10px #4C81D9;
 color: #00235D;
}
h1,h2,h3{
 font-weight:normal;
 color:#000;
}
h2{
 font-size:20px;
}

ul, ol{
 margin-left:0px;
 text-align:left;
}
ul li{
 margin-left:0px;
 list-style-type: none;
 display:list-item;
}

img{
 border:none;
}

.width{
width: 852px;
margin:0 auto;
display: table;
background: #fff;
box-shadow: 0 0 10px #818181;
}
.content {
    padding: 25px;
}
#top {
    padding-bottom: 30px;
	margin-top:15px
}
#cover {
background: url('../images/cover.jpg') center top no-repeat;
width: 100%;
height: 315px;
}
#photo {
    width: 168px;
    height: 168px;
    position: relative;
    top: 155px;
    left: 25px;
    border: 5px solid #fff;
    box-shadow: 0 0 10px #818181;
}
#short {
    width: 40%;
    float: left;
}
#info-main {
    width: 60%;
    float: right;
}
.element {
    border: 1px solid #DBDBDB;
    border-radius: 10px;
    margin: 25px;
    padding: 25px;
}
.unit {
    border: 1px solid #EDEDED;
    border-radius: 10px;
    box-shadow: 0px 5px 5px #A3A3A3;
}
.changes {
margin-top: 35px;  
border-top: 1px solid #E1E1E1;
background: #F2F2F2;
opacity: 0.5;
	-webkit-transition: all 0.7s ease-out;
	transition:  all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
}
.changes:hover{
opacity:1.0;
	-webkit-transition: all 0.7s ease-out;
	transition:  all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
}
.hobby{
margin-left:20px;
}
.hobby li{
margin:5px 0
}
#contact .unit{
box-shadow:none;
border: 1px solid #D2D2D2;
padding:2px;
background: #F2F2F2;
}
#info,
#prof-exp,
#pers-exp,
#tech-skills,
#pers-skills,
#education,
#certs,
#lang,
#hobby ,
#contact{margin:25px 0}
/* media queries */
@media (min-width: 768px) and (max-width: 851px) {
 
}

@media (max-width: 767px) {

}

@media (max-width: 480px) {

}