body{
    background-image: url(assets/clouds.jpeg);
    background-repeat: no-repeat;
    background-position: center ;
    background-size: 100% ;
    position:absolute;
    font-family: 'VT323', monospace;
    color: white;
    
}
#icons{
    width: 200px;
    float:left;
}
#content{
    width: 950px;
    float:right;
    margin-left: 300px;;

}
#food{
    text-align: center;
    margin-left: 50px;
    margin-top: 50px;
    float:left;
    font-size: 20px;
}
#food:hover{
    text-decoration: underline;
}
#rice{
    background-image: url(assets/rice.gif);
    background-size: 100% 100%;
    width: 120px;
    height: 120px;
    margin:0px;
}
#rice:hover{
    background-image: url(assets/rice\ 1.gif);
    
}
#music{
    text-align: center;
    margin-left: 50px;
    margin-top: 50px;
    float:left;
    font-size: 20px;
}
#cd{
    background-image: url(assets/cd.png);
    background-size: 100% 100%;
    width: 120px;
    height: 120px;
    margin:0px;
}
#cd:hover{
    background-image: url(assets/cd.gif);
    
}
#music:hover{
    text-decoration: underline;
}
#photos{
    text-align: center;
    margin-left: 50px;
    margin-top: 50px;
    float:left;
    font-size: 20px;
}
#photos:hover{
    text-decoration: underline;
}
#camera{
    background-image: url(assets/camera.gif);
    background-size: 100% 100%;
    width: 120px;
    height: 120px;
    margin:0px;
}
#camera:hover{
    background-image: url(assets/camera1.gif);
    
}
#me{
    background-image: url(assets/picture.jpg);
    border-radius: 20px;
    background-size: 100%;
    width: 300px;
    height: 370px;
    position: relative;
    right: 200px;
    float:right;
    
}
#name{
    margin-top: 20px;
}
#hello{
    padding: 50px;
}
#art{
    text-align: center;
    margin-left: 50px;
    margin-top: 50px;
    float:left;
    font-size: 20px;
}
#art:hover{
    text-decoration: underline;
}
#palette{
    background-image: url(assets/palette.gif);
    background-size: 100% 100%;
    width: 120px;
    height: 120px;
    margin:0px;
}
#palette:hover{
    background-image: url(assets/palette1.gif);
}
.icon{
    width: 120px;
    height: 120px;
}
#potion{
    width: 500px;
    height: 125px;

    background-image: url(assets/potions.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: right;
}
#title{
    font-size: 60px;
    float: right;
    margin-right: 100px;
    margin-top: 0px;
}
#pip{
    float: right;
    margin-top: 100px;;
}
#welcome{
    font-size: 90px;
    float:right;
    margin-top: 50px;;
}
#pipsize{
    width: 300px;
    float: left;
}

#stickynote{
    background-image: url(assets/sticky\ note.gif);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float:right;
    padding:50px;
    padding-right: 60px;
    padding-left: 70px;
    width: 180px;
    height:200px;
    font-size: 23px;
}
.sparkles{
    width: 60px;
    float:right;
}
a{
    color:white;
}