/* Remove scrolling */

html, body{
    background-color: white;
    color: #482029;
    font-family: Georgia;
    text-align: center;
    margin:0;
    width:100%;
    height:100%;
    overflow-y:hidden;
    overflow-x:auto;
}

/* Fixed-size desk */

.desk{
    position:absolute;
    width:1600px;
    height:900px;

    left:50%;
    bottom:0;

    transform:translateX(-50%);

    background-image:url("https://carlasdesk.neocities.org/desk_elements/DE_maindesk.png");
    background-repeat:no-repeat;
    background-size:80% auto;
    background-position: right bottom;
}

/* Shared styles for all clickable objects */
.object{
    display: block;
    user-select: none;
}

/* Every clickable object */

/* Hover effect */

.object:hover{
    transform:scale(1.05);
    filter:brightness(120%);
    transition:0.2s;
}

/* Non-clickables */

.nc{
    position:absolute;
    display:block;
    width: 100%;
    height:auto;
    pointer-events:none;
}

/* Individual positions */

.laptop-link{
    position: absolute;
    left: 750px;
    top: 368px;
    z-index: 9;
}

.laptop{
    display: block;
    width: 272px;
    height: auto;
}

.books-link{
    position: absolute;
    left: 1180px;
    top: 320px;
    z-index: 8;
}

.books{
    display: block;
    width: 218px;
    height: auto;
}

.journal-link{
    position: absolute;
    left: 539px;
    top: 611px;
    z-index: 10;
}

.journal{
    display: block;    
    width: 213px;
    height: auto;
    filter:contrast(2);
}

.picframe-link{
    position: absolute;
    left: 113px;
    top: 201px;
    z-index: 4;
}

.picframe{
    display: block;    
    width: 201px;
    height: auto;
}

.list-link{
    position: absolute;
    left: 1280px;
    top: 558px;
    z-index: 4;
}

.list{
    display: block;    
    width: 111px;
    height: auto;
}

.headphones-link{
    position: absolute;
    left: 1034px;
    top: 592px;
    z-index: 4;
}

.headphones{
    display: block;    
    width: 227px;
    height: auto;
}

.box-link{
    position: absolute;
    left: 547px;
    top: 397px;
    z-index: 4;
}

.box{
    display: block;    
    width: 136px;
    height: auto;
}

.bulletin-link{
    position: absolute;
    left: 995px;
    top: 174px;
    z-index: 4;
}

.bulletin{
    display: block;    
    width: 227px;
    height: auto;
}

.postits-link{
    position: absolute;
    left: 646px;
    top: 331px;
    z-index: 4;
}

.postits{
    display: block;    
    width: 100px;
    height: auto;
}

.id-link{
    position: absolute;
    left: 1395px;
    top: 558px;
    z-index: 4;
}

.id{
    display: block;    
    width: 79px;
    height: auto;
}

.calendar-link{
    position: absolute;
    left: 1250px;
    top: 194px;
    z-index: 4;
}

.calendar{
    display: block;    
    width: 139px;
    height: auto;
}

.trashcan-link{
    position: absolute;
    left: 159px;
    top: 734px;
    z-index: 4;
}

.trashcan{
    display: block;    
    width: 166px;
    height: auto;
}

.coffee-link{
    position: absolute;
    left: 554px;
    top: 507px;
    z-index: 4;
}

.coffee{
    display: block;    
    width: 94px;
    height: auto;
}

.clock-link{
    position: absolute;
    left: 679px;
    top: 418px;
    z-index: 4;
}

.clock{
    display: block;    
    width: 79px;
    height: auto;
}

.tablet-link{
    position: absolute;
    left: 1032px;
    top: 478px;
    z-index: 4;
}

.tablet{
    display: block;    
    width: 151px;
    height: auto;
}

.lamp{
    left:383px;   
    top:272px;    
    width:219px;
    z-index:0;
}

.plant{
    left:1369px;   
    top:367px;    
    width:116px;
    z-index:0;
}

.penstand{
    left: 481px;
    top: 397px;    
    width: 61px;
    z-index:0;
}