body{
    background-color:#fbc3c3;
    color:#ff03bc;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    
    line-height: 1.6em;
}

a{
    text-decoration:none;
    color: palegreen; 
}

a:hover{
    color:#ff03bc;
}

a:active{
    color:greenyellow;
}


.container{
    width:80%;
    margin:auto;
}

.button{
    background-color: #3aff03;
    color: purple;
    padding: 10px 15px;
    border:none;
}

.button:hover{
    background:#03fff7;
    color: white;
}

.clr{
    clear:both;
}

.box-1{
    background-color:rgb(248, 219, 160);
    color:rgb(255, 0, 212);

    border:5px orange solid;

    padding:20px; 

    margin:20px 0;
}

.box-1 h1{
    font-family: fantasy;
    font-size: medium;
    font-style: oblique;
    text-decoration:underline;
    text-transform: lowercase;
    letter-spacing: 0.2em;
    word-spacing: 1em;
}

.box-2{
    border:3px dotted rgb(57, 147, 251);
    padding:20px;
    margin:20px 0;
}

.categories{
    border: 15px rgb(48, 253, 157) solid;
    padding: 10px;
    border-radius:15px;
}

.categories h2{
    text-align:center;
}

.categories ul{
    padding:0;
    padding-left:20px;
    list-style: square;
}

.categories li{
    padding-bottom: 8px;
    border-bottom:dotted 1px #333;
    list-style-image: url('/csscheatsheet/check.jpeg');
}

.my-form{
    padding:20px;
}

.my-form .form-group{
    padding-bottom:15px;
}

.my-form label{
    display:block;
}

.my-form input[type="text"], .my-form textarea{
    padding:8px;
    width:100%;
}

.block{
    float:left;
    width:33.3%;
    border:1px solid #ff03bc;
    padding:10px;
    box-sizing: border-box;
}

#main-block{
    float:left;
    width:70%;
    padding:15px;
    box-sizing: border-box;
}

#sidebar{
    float:left;
    width:30%;
    background-color: aquamarine;
    color:rgb(43, 153, 249);
    padding:15px;
    box-sizing: border-box;
}

.p-box{
    width: 800px;
    height: 500px;
    border:3px solid #3aff03;
    margin-top:30px;
    position: relative;
}

.p-box h1{
    position: absolute;
    top:100px;
    left: 100px;
}

.p-box h2{
    position: absolute;
    bottom:40px;
    right: 100px;
}