#container{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;width:740px;height:484px}#img{border:5px solid #789;border-radius:12px;display:block;margin:auto;width:640px;height:434px;opacity:.15}#name{text-align:center;font-weight:700;font-size:2rem;font-family:Courier New;margin-bottom:.5rem}#logo{position:fixed;top:.3rem;right:.3rem}.dot{display:block;position:absolute;z-index:999;background-color:#000;border-radius:50%;width:25px;height:25px;left:0;top:0;transition:width .3s ease,height .3s ease,left .3s ease,top .3s ease;-webkit-transition:width .3s ease,height .3s ease,left .3s ease,top .3s ease;-o-transition:width .3s ease,height .3s ease,left .3s ease,top .3s ease;-moz-transition:width .3s ease,height .3s ease,left .3s ease,top .3s ease}.dot:hover{width:35px;height:35px;left:-5px;top:-5px}.site-name{display:block;position:relative;left:30px;margin-left:.1rem;margin-right:.3rem;font-weight:700;font-size:1.2rem;font-family:Verdana;color:#000}#blackfoxbooks{position:absolute;top:30px;left:470px}#youngwriterstoolkit{position:absolute;top:100px;left:410px}#youngwritersguidelines{position:absolute;top:170px;left:375px}#persepress{position:absolute;top:240px;left:490px}#titovalenti{position:absolute;top:310px;left:420px}#buildingabridgeplay{position:absolute;top:380px;left:380px}#tafilabs{position:absolute;top:50px;left:60px}#karelsim{position:absolute;top:170px;left:95px}#lemonville{position:absolute;top:260px;left:180px}#learnersworld{position:absolute;top:345px;left:150px}