@media (min-width: 800px) {
p {font-family: 'monospace'; font-size:18px;text-align:left;padding:0 20px 0 10px;}


.imgin {animation-name:imagine2;animation-duration:10s;position:relative;top:0;left:0;width:450px;height:auto;float:left;margin-right:15px;}


#introuno {position:fixed;top:320px;right:0;z-index:100; width:31%;height:60px;}
#dentrointrouno {text-align:center;position:absolute;bottom:0;right:0;left:20px;margin:0;z-index:100; width:30%;height:50px;animation-name:introunoani;animation-duration:10s;background-color:#f0f0f0;border-radius:25px 25px 0 0;}
#dentrointrodue {text-align:center;position:absolute;bottom:0;right:20px;margin:0;z-index:100; width:30%;height:50px;animation-name:introunoani;animation-duration:10s;background-color:#f0f0f0;border-radius:25px 25px 0 0;}

#socialuno {animation-name:imagine;animation-duration:3s;}
#socialdue {animation-name:imagine;animation-duration:6s;}
#socialtre {animation-name:imagine;animation-duration:9s;}
#socialquattro {animation-name:imagine;animation-duration:12s;}
#socialcinque {animation-name:imagine;animation-duration:15s;}

#board {position:fixed;top:380px;right:0;left:69%;z-index:100;animation-name:board;animation-duration:5s;}

.linkmaskintro {font-weight:bold;color:#303030;text-decoration:none;font-size:1.5vh;position:relative;top:5px;animation-name:trasparenzablack;animation-duration:12s;}
.spanfinal{animation-name:testi;animation-duration:12s;color:#8a06ad;font-weight:bold;}

}


@media (max-width: 800px) {
 

.socialhide{display:none;}
.spanfinal{color:#8a06ad;font-weight:bold;}
.imgin {animation-name:imagine2;animation-duration:10s;position:relative;top:0;left:0;width:96%;height:auto;margin:1%;}
#introuno {position:fixed;bottom:0;right:0;left:0;background-color:#303030;z-index:0;height:70px;}
#dentrointrouno {display:none;}
#dentrointrodue {display:none;}


h1 {font-family: 'sans-serif';font-size:18px;}
}