.hidden{position:absolute!important;top:-9999px!important;left:-9999px!important}#header{position:fixed;height:43px;top:0;left:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:Rajdhani,sans-serif;z-index:3}#banner{background-color:#ffd105;font-size:12px;font-style:italic;color:#000!important;text-align:center}#retry{text-decoration:underline;cursor:pointer}#header-container{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}#site-menu-icon-container{width:50px;margin-top:7px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}#site-menu-icon{height:30px;left:0;opacity:.7;filter:grayscale(1);z-index:10}#site-menu-icon-container:hover #site-menu-icon{opacity:1;filter:grayscale(0)}#site-menu{position:fixed;width:130px;padding-bottom:6px;padding-left:6px;box-shadow:1px 1px 1px #989898;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff;opacity:0;transition:all .5s;z-index:3}#site-menu.closed{opacity:0!important;visibility:hidden;transition:all .5s}#site-menu.opened{opacity:1!important;transition:all .5s}#site-menu-spacer-row{height:44px}.site-menu-row{height:20px;opacity:.5;cursor:pointer}.site-menu-row:hover{opacity:1}.site-menu-row td{padding-top:0;padding-bottom:0;line-height:1}.site-menu-image-cell{width:18px}.site-menu-image{height:12px;filter:grayscale(1)}.site-menu-row:hover .site-menu-image{filter:grayscale(0)}.site-menu-text{font-family:Rajdhani,sans-serif;font-size:12px;font-weight:100;color:#000!important}#account-menu{margin-right:3px;top:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:Rajdhani,sans-serif;font-size:12px;z-index:10}#account-link,#profile-link{margin-right:7px}#footer{margin-top:5px;margin-bottom:5px;font-family:Rajdhani,sans-serif;font-size:12px;text-align:center;line-height:1.3;z-index:100}@media only screen and (min-width:768px){#site-menu{width:150px}#account-menu,.site-menu-text{font-size:14px}.site-menu-row{height:23px}.site-menu-image-cell{width:22px}.site-menu-image{height:15px}}body,html{min-height:100vh;width:100%;margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:Chathura,sans-serif;text-align:center;user-select:none;-webkit-user-select:none}a{color:inherit;text-decoration:none}.action:active,a:active{text-shadow:.1px -.1px 0 #000}.drawing-title:hover,a:hover{color:grey}a:focus,button:focus{outline:0}#gallery-link{margin:auto;margin-top:35px;margin-bottom:5px;left:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:2}#gallery-link:hover{color:#000}#gallery-title{margin:0;font-family:'League Script',cursive;font-size:48px;font-weight:400;line-height:1;transition:all .4s}#gallery-title:hover{font-weight:700;transition:all .4s}.shrink #gallery-title{font-size:24px;transition:all .3s}.shrink:hover #gallery-title{font-size:36px;transition:all .3s}#gallery-title.small{font-size:24px;transition:font-weight 0s}#gallery-link:hover #gallery-title.small,#gallery-link:hover i{font-weight:700!important;color:#000!important;transition:font-weight 0s}#gallery-link i{height:10px;width:10px;font-size:12px;visibility:visible}#container{position:relative;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex:1;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}#gallery{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}#gallery text{padding:3px;font-size:25px;cursor:default}#error-message{margin-top:50px;font-size:30px;font-style:italic;line-height:1;animation-name:color;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes color{0%{color:red}10%{color:#ffb100}20%{color:#ffe000}30%{color:#62ff00}40%{color:#00ffad}50%{color:#00e7ff}60%{color:#06f}70%{color:#2700ff}80%{color:#b400ff}90%{color:#ff00bc}100%{color:red}}.drawing-container{position:relative;margin-top:10px;margin-bottom:30px;margin-left:10px;margin-right:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:24px;line-height:.5;opacity:.7;transition:all .4s}.drawing-container:hover{opacity:1;transition:all .4s}.drawing-title{max-width:240px;cursor:pointer}.drawing{height:240px;width:240px;border:7px solid rgba(0,0,0,.08);margin-top:10px;display:inline-block;cursor:pointer}.drawing-info{width:240px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:default;z-index:2}.drawing-likes,.drawing-views{width:25%;padding:1px;font-size:15px;text-align:left;line-height:.8;opacity:.6;cursor:default}.fas.fa-heart{color:red}.fa-heart{cursor:pointer}.drawing-artist{width:80%;margin-top:2px;text-align:right;cursor:default}#plus-icon{position:fixed;bottom:10px;right:10px;font-size:60px;color:#00cb96;cursor:pointer;transition:all .4s;z-index:201}#plus-icon:hover{transition:all .4s}.clicked{animation-name:pop;animation-duration:.2s}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.open{color:pink!important;transition:all .4s}#menu{position:fixed;bottom:0;right:15px;opacity:0;transform:translateY(65px);transition:all .7s;z-index:200}.hidden{height:0;width:0;visibility:hidden}#menu.hidden,.menu-option.hidden{position:absolute!important;bottom:-150px!important}#menu.visible{opacity:1!important;transform:translateY(-65px)!important;transition:all .7s}.menu-option{position:relative;height:50px;width:50px;margin-bottom:15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;opacity:.7;cursor:pointer;transition:all .4s}.menu-option:hover{opacity:1;transition:all .4s}.menu-image{height:45px;width:45px;border:6px solid rgba(0,0,0,.08);border-radius:50%;display:inline-block;transform:scale(1);transition:all .4s}.menu-option:hover>.menu-image{transform:scale(1.1);transition:all .4s}.fa-plus,.fa-sign-in-alt{position:absolute;height:45px;width:45px;margin:auto;top:0;bottom:0;left:0;right:0;display:flex!important;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:30px!important;color:#a5a5a5;opacity:.5;transition:all .4s}.menu-option:hover>.fa-plus,.menu-option:hover>.fa-sign-in-alt{opacity:1!important;transform:scale(1.1);transition:all .4s}#easel-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}#drawing-title{border:none;outline:0;font-family:Chathura,sans-serif;font-size:36px;text-align:center;line-height:1.5;opacity:1}#canvas{height:80%;max-height:400px;width:80%;max-width:400px;border:13px solid rgba(0,0,0,.08)}#current-palette{height:80%;max-height:40px;width:80%;max-width:400px;margin-bottom:1%}circle{cursor:pointer}circle.selected{stroke:#2f4f4f;stroke-width:.5%}.outline{stroke:#000;stroke-width:.5px}button{border:0;background-color:rgba(0,0,0,0);font-family:Chathura,sans-serif;font-size:24px;color:grey;line-height:1;cursor:pointer}button:hover{color:#ff8282}button:disabled,button:hover:disabled{color:#e2e2e2;text-shadow:.1px -.1px 0 #e2e2e2;cursor:not-allowed}button.selected,button:active{text-shadow:.1px -.1px 0 #000;color:#ff8282}.action{font-size:36px;color:grey;line-height:1.5}@media only screen and (min-width:400px){#gallery-title{font-size:48px}.shrink:hover #gallery-title{font-size:48px}#gallery{max-width:90%}}@media only screen and (min-width:768px){#gallery-link{margin-top:20px;margin-bottom:10px;z-index:4}#gallery-title{font-size:72px}.shrink:hover #gallery-title{font-size:72px}#gallery-title.small{font-size:36px}#gallery-link i{height:0;width:0;font-size:18px;visibility:hidden}#gallery-link:hover i{height:10px;width:10px;visibility:visible!important}#gallery{max-width:85%}#error-message{font-size:40px}.drawing-artist,.drawing-likes,.drawing-views{opacity:0;transition:all .4s}.drawing-container:hover .drawing-artist,.drawing-container:hover .drawing-likes,.drawing-container:hover .drawing-views{opacity:1;transition:all .4s}#current-palette{margin-bottom:0}button{line-height:2}.action{font-size:30px;line-height:1}}