style.css

body {
    font-family: "Comic Sans MS", sans-serif;
    background-color: burlywood;
}

.header {
    color: fuchsia;
}

h1 {
    font-size: 80px;
}

.photos {
    background-color: coral;
}

.img {
    width: 300px;
    border: solid red 10px;
}

.photos .header {
    font-size: 42px;
    color: aqua;
}

.videos {
    text-align: right;
    background-color: darkcyan;
}

.videos .header {
    font-size: 42px;
    color: chartreuse;
}

.link {
    font-size: 32px;
}

.clock {
    float: right;
    text-align:center;
    border: 1px Black solid;
    background: LightYellow;
    padding: 10px;
    margin:20px;
}

.clockdate {
    color: DarkRed;
    margin-bottom: 10px;
    font-size: 18px;
    display: block;
}
.clocktime {
    border: 2px inset White;
    background: Black;
    padding: 5px;
    font-size: 14px;
    font-family: "Courier";
    color: LightGreen;
    margin: 2px;
    display: block;
}

.weather {
    float: right;
    width: 300px;
}

.gigs {
    background-color: aquamarine;
}

.gigs-header {
    color: crimson;
}

.gigs td, .gigs th {
    border: #2d2eff dotted 5px;
    padding: 10px 10px;
}


#outerCircleText {
    font-style: normal;
    font-weight: normal;
    font-family: 'comic sans';
    color: #9B1750;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3000;
    cursor: default;
}

#outerCircleText div {
    position: relative;
}

#outerCircleText div div {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}

.pravmir_widget{
    float: right;
}

.button {
    display: inline-block;
    padding: 15px 25px;
    font-size: 88px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #fff;
    background-color: rgb(255, 0, 30);
    border: none;
    border-radius: 15px;
    box-shadow: 0 9px rgb(255, 136, 136);
  }
  
  .button:hover {background-color: #148800}
  
  .button:active {
    background-color: #3532ff;
    box-shadow: 0 5px #666;
    transform: translateY(4px);
  }