@charset "UTF-8";
/* CSS Document */


body {
    display: flex;
    justify-content: center;
 
}


#drop_draw, #drop_breath, #drop_call, #drop_drink, #drop_games,
#drop_garden, #drop_maya, #drop_run, #drop_obj, #drop_sweets, #drop_soccer, #drop_tv, #drop_pose,
#drop_smoke, #drop_music{
    
    position: fixed;
    z-index: 0;
    top: 500px;
    left: 0px;
    opacity: 0%;
    
}

#toolbox {
    position: fixed;
    z-index: 1;
    margin: 0px;
    padding: 0px;
    left: 0px;
    display: none;


}

#toolbox_blur {
    position: fixed;
    z-index: 1;
    margin: 0px;
    padding: 0px;
    left: 0px;
    filter: blur(12px);
    -webkit-filter: blur(12px);


}

#coping {
    position: fixed;
    z-index: 1;
    margin: 0px;
    padding: 0px;
    left: 415px;
    top: 20px;
    display: none;
}

#coping_blur {
    position: fixed;
    z-index: 1;
    margin: 0px;
    padding: 0px;
    left: 415px;
       top: 20px;
    filter: blur(12px);
    -webkit-filter: blur(12px);
    
}


#maladaptive_games {
    
    position: fixed;
    z-index: 1;
    margin: 10px;
    padding: 40px;
    left: 462px;
    top: 0px;
 display: none;
    
}

#good_run {
    
    position: fixed;
    z-index: 1;
    margin: 10px;
    padding: 40px;
  left: 460px;
    top: 0px;
 display: none;
    
    
}

#good_play {
    
    position: fixed;
    z-index: 1;
    margin: 10px;
    padding: 40px;
    left: 420px;
    top: 0px;
 display: none;
    
   
    
}

#good_obj {
    
    position: fixed;
    z-index: 1;
    margin: 10px;
    padding: 40px;
    left: 420px;
    top: 0px;
 display: none;
    
   
    
}

#good_breath {
    
    position: fixed;
    z-index: 1;
    margin: 10px;
    padding: 40px;
    left: 462px;
    top: 0px;
    display: none;
 
    
    
   
    
}

#good_call {
    
    position: fixed;
    z-index: 1;
    margin: 10px;
    padding: 40px;
    left: 420px;
    top: 0px;
    display: none;

 
   
    
}

#maladaptive_smoke {
    position: fixed;
    z-index: 1;
    margin: 10px;
    padding: 40px;
    left: 420px;
    top: 0px;
    display: none;

    
}

#maladaptive_sweets {
    position: fixed;
    z-index: 1;
    margin: 10px;
    padding: 40px;
    left: 462px;
    top: 0px;
     display: none;

    
}

#good_maya {
    
    position: fixed;
    z-index: 1;
    margin: 10px;
    padding: 40px;
    left: 462px;
    top: 24px;
    display: none;
    
}

#maladaptive_drink {
    position: fixed;
    z-index: 1;
    margin: 10px;
    padding: 40px;
    left: 462px;
    top: 25px;
    display: none;

    
}

#maladaptive_tv { 
    position: fixed;
    z-index: 1;
    margin: 10px;
    padding: 40px;
    left: 420px;
    top: 25px;
    display: none;

    
    
}



#good_draws {
    position: fixed;
    z-index: 1;
    margin: 10px;
    padding: 40px;
    left: 462px;
    top: 25px;
    display: none;


    

    
}

#good_pose {
    
    position: fixed;
    z-index: 3;
    margin: 10px;
    padding: 40px;
    left: 420px;
    top: 0px;
     display: none;
   
    

    
}

#good_music {
    
    position: fixed;
    z-index: 1;
    margin: 10px;
    padding: 40px;
    left: 420px;
    top: 25px;
    display: none;
    

    
}




#good_garden {
   position: fixed;
    z-index: 1;
    left: 512px;
    top: 50px;
     display: none;
     
  
}






#nelson{
    position: fixed;
    z-index: 1;
    margin: 0px;
    padding: 0px;
    left: 440px;
    top: 130px;
    display:none;
       
}

#nelson_blur{
    position: fixed;
    z-index: 1;
    margin: 10px;
    padding: 0px;
  left: 440px;
    top: 130px;
    filter: blur(22px);
    -webkit-filter: blur(22px);
       
}

#box {
    position: fixed;
    z-index: 1;
    margin: 0px;
    padding: 0px;
    left: 0px;
    top: 250px;
    display: none;
}




.intro {
    position: fixed;
    z-index: 2;
    margin: 10px;
    padding: 0px;
    left: 0px;
    top: 460px;
    font-family: "source-sans-pro";
    color:#666666;
    font-weight: 700;
    font-size: 24pt;
    display: none;
        
}
.check_text {
    position: fixed;
    z-index: 2;
    margin: 10px;
    padding: 0px;
    left: 0px;
    top: 500px;
    font-family: "source-sans-pro";
    color:#666666;
    font-size: 14pt;
    display: none;
 
        
}



#main_items {
    
}


#box_games {
    
    position: fixed;
    z-index: 3;
    margin: 0px;
    padding: 0px;
    left: 0px;
    opacity: 0;

    
}

#box_run {
    
    position: fixed;
    z-index: 3;
    margin: 0px;
    padding: 0px;
    left: 0px;
    opacity: 0;

    
}

#box_play {
    
    position: fixed;
    z-index: 3;
    margin: 0px;
    padding: 0px;
    left: 0px;
    opacity: 0;

    
}

#box_obj {
    
    position: fixed;
    z-index: 3;
    margin: 0px;
    padding: 0px;
    left: 0px;
    opacity: 0;

    
}

#box_tv {
    
    position: fixed;
    z-index: 3;
      margin: 200px;
    padding: 0px;
    left: 0px;
    top: -200px;
    opacity: 0%;

    
}

#box_maya {
    
    position: fixed;
    z-index: 3;
    margin: 0px;
    padding: 0px;
    left: 0px;
    opacity: 0;

    
}


#box_call {
    
    position: fixed;
    z-index: 3;
  margin: 0px;
    padding: 0px;
    left: 0px;
    opacity: 0;

    
}

#box_garden {
    
    position: fixed;
    z-index: 3;
   margin: 0px;
    padding: 0px;
    left: 0px;
    opacity: 0;

    
}

#box_maya {
    
    position: fixed;
    z-index: 3;
  margin: 0px;
    padding: 0px;
    left: 0px;
    opacity: 0;

    
}

#box_sweets {
    
    position: fixed;
    z-index: 3;
 margin: 0px;
    padding: 0px;
    left: 0px;
    opacity: 0;

    
}

#box_smoke {
    
    position: fixed;
    z-index: 3;
  margin: 0px;
    padding: 0px;
    left: 0px;
    opacity: 0;

    
}

#box_pose {
    
    position: fixed;
    z-index: 3;
    margin: 0px;
    padding: 0px;
    left: 0px;
    opacity: 0;

    
}

#box_music {
    
    position: fixed;
    z-index: 3;
    margin: 0px;
    padding: 0px;
    left: 0px;;
    opacity: 0;

    
}

#box_breath {
    
    position: fixed;
    z-index: 3;
    margin: 0px;
    padding: 0px;
    left: 0px;;
    opacity: 0;

    
}

#box_drink {
    
    position: fixed;
    z-index: 3;
     margin: 200px;
    padding: 0px;
    left: 0px;
    top: -200px;
    opacity: 0%;
    
}

#box_draw {
    
    position: fixed;
    z-index: 3;
    margin: 200px;
    padding: 0px;
    left: 0px;
    top: -200px;
    opacity: 0%;

    
}


.blur_items {
    position: fixed;
    z-index: 3;
    top: 530px;
    left: 0px;
    opacity: 100%;
    filter: blur(8px);
    -webkit-filter: blur(12px);
    
}


.start_game{
    position: fixed;
    z-index: 4;
    top: 220px;
    left: 50px;
    filter: drop-shadow(0px 0px 10px #33333333);
}

.begin {
    position: fixed;
    z-index: 4;
    left: 250px;
    top: 175px;
    cursor: pointer;
    
    
}



#games {
   
position: fixed;
z-index: 4;
left: 0px;
top: 550px;
display: none;
cursor: grabbing;
   
    
}

#music {
   
position: fixed;
z-index: 4;
left: 160px;
top: 550px;
display: none;
cursor: grabbing;
   
    
}

#run {
   
position: fixed;
z-index: 4;
left: 320px;
top: 550px;    
display: none;
cursor: grabbing;
   
    
}

#pose {
   
position: fixed;
z-index: 4;
left: 0px;
top: 660px;
display: none;
cursor: grabbing;
    
}

#garden {
   
position: fixed;
z-index: 4;
left: 430px;
top: 550px;
    display: none;
    cursor: grabbing;
   
    
}

#smoke {
   
position: fixed;
z-index: 4;
left: 320px;
top: 660px;
    display: none;
    cursor: grabbing;
   
    
}

#obj_a {
   
position: fixed;
z-index: 4;
left: 590px;
top: 550px;
    display: none;
    cursor: grabbing;
   
    
}

#call {
   
position: fixed;
padding: 0;
z-index: 4;
left: 430px;
top: 662px;
display: none;
    cursor: grabbing;
   
    
}

#breadth {
   
position: fixed;
z-index: 4;
left: 320px;
top: 718px;
display: none;
    cursor: grabbing;
   
    
}

#maya {
   
position: fixed;
z-index: 4;
left: 0px;
top: 717px;
display: none;
    cursor: grabbing;
   
    
}

#play {
   
position: fixed;
z-index: 4;
left: 160px;
top: 717px;
    display: none;
    cursor: grabbing;
   
    
}

#sweets {
   
position: fixed;
z-index: 4;
left: 160px;
top: 660px;
    display: none;
    cursor: grabbing;
   
    
}

#tv {
    
    position: fixed;
z-index: 4;
left: 590px;
top: 662px;
    display: none;
      cursor: grabbing;
    
}


#drink {
   
position: fixed;
z-index: 4;
left: 590px;
top: 717px;
 display: none;  
    cursor: grabbing;
    
    
}

#draw {
   
position: fixed;
z-index: 4;
left: 477px;
top: 717px;
    display: none;
    cursor: grabbing;
   
    
}





.good_results {
    position: fixed;
    z-index: 5;
    top: 150px;
    cursor: pointer;
    display: none;
}

.maladaptive_results {
    position: fixed;
    z-index: 5;
    top: 250px;
    cursor: pointer;
    display: none;
}

.maybe_negative {
    position: fixed;
    z-index: 5;
    top: 250px;
    cursor: pointer;
    display: none;
}

.empty_message {
    position: fixed;
    z-index: 5;
    top: 250px;
    cursor: pointer;
    display: none;
}

.maybe_good {
    position: fixed;
    z-index: 5;
    top: 250px;
    cursor: pointer;
    display: none;
}

.results {
    position: fixed;
    z-index: 5;
   left: 70px;
      filter: drop-shadow(0px 0px 10px #33333333);
}


#check {
    position: fixed;
    z-index: 3;
    left: 575px;
    top: 475px;
    cursor: pointer;
    display: none;
  
}

#check_fnl {
    position: fixed;
    z-index: 3;
    left: 575px;
    top: 475px;
    cursor: pointer;
    display: none;
  
}