#atom-1:hover{cursor:auto}.x-out-button:hover{cursor:pointer}.atom-container{background-color:#333;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .1s linear;visibility:hidden;z-index:900}.atom-container,.mobile-atom{display:none;width:100%}.mobile-atom .read-more-buttons{box-sizing:border-box;display:block!important;padding:0 0 0 20px;position:static;width:60px}.mobile-atom .atom-content-body{box-sizing:border-box;display:block!important;padding:0 20px;position:static;width:calc(100% - 60px)}.container-doy{display:inline-block;left:50%;margin:0 auto;max-width:1000px;position:relative;transform:translateX(-50%);width:100%;z-index:5}.the-wrapper-atom{height:100%;position:relative;width:100%}.rotate-45{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.atom{border-radius:1em;cursor:pointer;height:1em;left:50%;opacity:1;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);visibility:hidden;width:1em;z-index:999}.atom.clicked{border-radius:450px;height:450px;margin-top:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;visibility:visible;width:450px}.atom-content{box-sizing:border-box;display:none;left:50%;margin:0 auto;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:300px}.x-out-button{top:2em}.read-more-button,.x-out-button{left:50%;position:absolute;transform:translateX(-50%);width:50px}.read-more-button{bottom:2em}@media (max-width:768px){.container-doy{left:-5000px;position:absolute}.desktop-atom{display:none}.mobile-atom{align-content:space-between;align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:100%}}