*{box-sizing:border-box;font-family:sans-serif;margin:0;padding:0}body{background-color:#202123}.container{width:100%}.external-button{background-color:rgba(76,76,76,.541);cursor:pointer;display:inline-block;margin:10px 0;padding:10px}.external-button h2{color:#fff;font-size:30px}@media only screen and (max-width:500px){.external-button{margin:5px 0;padding:6px}.external-button h2{font-size:14px;padding:5px}}.image{height:100%;object-fit:cover;object-position:50%;width:100%}.like-buttons-container{margin:10px}.like-buttons-container .button-container{background-color:rgba(27,27,27,.643);padding:4px}.like-buttons-container .button-container span{color:#fff;font-size:30px;margin:5px}.like-buttons-container .button-container button{background:transparent;border:none;color:#40dd13;cursor:pointer;font-size:28px}.like-buttons-container .like-button .active,.like-buttons-container .like-button button{color:#40dd13}.like-buttons-container .dislike-button .active,.like-buttons-container .dislike-button button{color:#ef3312}@media only screen and (max-width:500px){.like-buttons-container{margin:5px}.like-buttons-container .button-container button,.like-buttons-container .button-container span{font-size:20px}}.post-card{background-color:#000;display:block;height:300px;margin:0 auto;overflow:hidden;position:relative;width:100%}.post-card a{height:100%;width:100%}.post-card a .post-card-image-container{height:inherit;width:100%}.post-card a .post-card-image-container img{height:100%;width:100%}.post-card a .post-card-content{bottom:0;box-sizing:content-box;height:20%;position:absolute;transition:.2s;width:100%}.post-card a .post-card-content h2{word-wrap:inherit;background-color:#1f1e1e;color:#efefef;display:inline-block;font-family:sans-serif;font-size:26px;line-height:18px;margin:5px 15px;overflow:hidden;padding:8px 10px;text-overflow:ellipsis;transition:.2s;white-space:nowrap;width:80%}.post-card a .post-card-content .like-buttons{bottom:0;position:absolute;right:0}@media only screen and (max-width:1500px){.post-card a .post-card-content{height:18%}.post-card a .post-card-content h2{max-lines:1;font-size:18px;margin:5px}}.post-card:hover .post-card-content h2{margin-left:20px;transition:.2s}.router-button{background-color:rgba(76,76,76,.541);color:#fff;cursor:pointer;display:inline-block;font-size:30px;margin:10px 0;padding:10px;text-decoration:none}@media only screen and (max-width:500px){.router-button{font-size:14px;margin:5px 0;padding:6px}}.post-section{width:100%}.post-section .post-section-content{background-color:#393e46;display:flex;height:450px;margin:0 auto;overflow:hidden;padding:10px;width:100%}.post-section .post-section-content .post-last{display:flex;flex-direction:column;justify-content:center;padding:10px;width:60%}.post-section .post-section-content .post-last .post-card{height:100%;height:420px}.post-section .post-section-content .post-last .post-card .post-card-content{height:20%}.post-section .post-section-content .posts-vertical{display:flex;flex-direction:column;justify-content:center;padding:10px;width:40%}.post-section .post-section-content .posts-vertical .post-card{height:100%;height:50%}.post-section .post-section-content .posts-vertical .post-card .post-card-content{height:30%}@media only screen and (max-width:500px){.post-section .post-section-content{flex-direction:column;height:auto;padding:0}.post-section .post-section-content .post-last{display:flex;flex-direction:column;justify-content:center;margin-bottom:5px;padding:0;width:100%}.post-section .post-section-content .post-last .post-card{height:100%;height:250px}.post-section .post-section-content .post-last .post-card .post-card-content{height:20%}.post-section .post-section-content .post-last .post-card .post-card-content h2{font-size:9px;margin:5px;padding:2px 5px;width:73%}.post-section .post-section-content .posts-vertical{flex-direction:column;padding:0;width:100%}.post-section .post-section-content .posts-vertical .post-card-content{height:20%}.post-section .post-section-content .posts-vertical .post-card-content h2{font-size:9px;margin:5px;padding:2px 5px;width:73%}}.wallpaper-section{display:flex;flex-direction:row;flex-wrap:nowrap;height:400px;justify-content:flex-start;margin:50px auto;position:relative;transition:2s;width:90%}.wallpaper-section .wallpapers{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;width:100%}.wallpaper-section .wallpapers-button{align-content:center;align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;position:absolute;top:0;width:100%}.wallpaper-section .wallpapers-button button{background-color:transparent;border:10px solid #f1f1f1;color:#fff;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:40px;height:100px;width:400px}.wallpaper-section:hover{transition:2s}.wallpaper-section img{height:100%;object-fit:cover;transition:1s;width:100%}.wallpaper-section img:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:1s}@media only screen and (max-width:500px){.wallpaper-section{height:150px;margin:10px auto 20px;padding:10px;transition:2s;width:100%}.wallpaper-section .wallpapers-button button{border:4px solid #f1f1f1;font-size:22px;height:50px;width:150px}}.wp-image{height:100%;overflow:hidden;position:relative;width:100%}.wp-image img{height:100%;object-fit:cover;object-position:50% 50%;width:100%}.home-page .background{background-color:#000;height:100%;position:fixed;top:0;width:100%;z-index:-100}.home-page .background img{opacity:.4}.home-page .post-portfolio-row{display:flex;margin:10px 100px;padding:10px}.home-page .post-portfolio-row .post-section-container{padding-right:50px;width:70%}.home-page .post-portfolio-row .post-section-container .youtube-lists-container{height:300px;margin:50px auto 0;width:100%}.home-page .post-portfolio-row .portfolio-container{width:30%}.home-page .post-portfolio-row .portfolio-container .portfolio{background-color:#393e46;color:#fff;font-size:20px;height:85%;padding:20px;text-align:center;width:100%}.home-page .post-portfolio-row .portfolio-container .portfolio .portfolio-image{border-radius:100%;height:400px;margin:auto;overflow:hidden;width:400px}@media only screen and (max-width:1500px){.home-page .post-portfolio-row .portfolio-container .portfolio .portfolio-image{height:330px;width:330px}}.home-page .post-portfolio-row .portfolio-container .portfolio .portfolio-image img{height:100%;width:100%}.home-page .post-portfolio-row .portfolio-container .portfolio .portfolio-title{font-size:35px;margin:20px 0}.home-page .post-portfolio-row .portfolio-container .portfolio .portfolio-description{margin:15px 0}.home-page .post-portfolio-row .portfolio-container .portfolio .portfolio-links{margin:10px 0}.home-page .post-portfolio-row .portfolio-container .portfolio .portfolio-links .link-buttons{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:50px}.home-page .post-portfolio-row .portfolio-container .portfolio .portfolio-links .link-buttons img{cursor:pointer;margin:5px 10px;width:60px}@media only screen and (max-width:1500px){.home-page .post-portfolio-row{display:flex;flex-direction:column;margin:0;padding:3px}.home-page .post-portfolio-row .post-section-container{padding-right:0;width:100%}.home-page .post-portfolio-row .post-section-container .youtube-lists-container{height:400px;margin:20px auto 0}.home-page .post-portfolio-row .portfolio-container{width:100%}.home-page .post-portfolio-row .portfolio-container .portfolio .portfolio-image{border-radius:100%;display:inline-block;float:left;height:400px;margin:0;overflow:hidden;width:400px}}@media only screen and (max-width:1500px)and (max-width:1500px){.home-page .post-portfolio-row .portfolio-container .portfolio .portfolio-image{height:330px;width:330px}}@media only screen and (max-width:1500px)and (max-width:500px){.home-page .post-portfolio-row .portfolio-container .portfolio .portfolio-image{float:none;height:270px;width:270px}}@media only screen and (max-width:500px){.home-page .post-portfolio-row .post-section-container .post-section .post-card .post-card-content h2{font-size:13px}.home-page .post-portfolio-row .post-section-container .youtube-lists-container{height:210px}}.youtube-list{align-items:center;display:flex;flex-direction:row;height:100%}.youtube-list iframe{height:250px;margin:0 10px;width:400px}@media only screen and (max-width:500px){.youtube-list iframe{height:150px;margin:0;width:250px}}.youtube-list-section .youtube-lists{align-items:center;display:flex;flex-direction:row;height:100%;overflow:scroll;position:relative}.youtube-list-section .youtube-lists::-webkit-scrollbar{display:none}.youtube-list-section .youtube-lists .left-slide-button{background-color:hsla(0,0%,71%,.452);height:100%;left:0;position:absolute;top:0;width:50px}.youtube-list-section .youtube-lists .right-slide-button{background-color:hsla(0,0%,71%,.452);height:100%;position:absolute;right:0;top:0;width:50px;z-index:10}.app-icon-container{height:0;top:0}.app-icon-container,.app-icon-container .app-icon{position:-webkit-sticky;position:sticky;z-index:100}.app-icon-container .app-icon{align-items:center;background:#1b1a17;color:#f2f2f2;display:flex;flex-direction:row;font-family:Arial,Helvetica,sans-serif;height:85px;margin:15px;overflow:hidden;padding:11px;top:15px;transition:.5s;width:210px}.app-icon-container .app-icon .app-icon-title{display:inline-block}.app-icon-container .app-icon .navbar{display:inline-block;margin-left:40px;min-width:200px}.app-icon-container .app-icon .navbar ul li{display:inline-block;margin:0 10px}.app-icon-container .app-icon .navbar ul li a{color:#fff;text-decoration:none}.app-icon-container .app-icon .navbar ul li a .navbar-icon{align-content:center;align-items:center;display:flex;flex-direction:column;padding:5px}.app-icon-container .app-icon .navbar ul li a .navbar-icon svg{font-size:28px}@media only screen and (min-width:500px){.app-icon-container .app-icon .app-icon-mobile{display:none}}@media only screen and (max-width:500px){.app-icon-container .app-icon{height:40px;width:45px}.app-icon-container .app-icon .app-icon-title{display:none}.app-icon-container .app-icon .navbar svg{font-size:22px!important}}.app-icon-container .app-icon:hover{transition:.5s;width:450px}@media only screen and (max-width:500px){.app-icon-container .app-icon:hover{width:250px}}.post-page .post-page-wallpaper{background-color:#000;height:100%;position:fixed;top:0;width:100%;z-index:-100}.post-page .post-page-container{color:#f2f2f2;margin:120px auto;position:relative;width:60%}.post-page .post-page-container .post-header{display:block;display:flex;width:100%}.post-page .post-page-container .post-header h1{background-color:rgba(9,10,11,.67);display:inline-block;font-family:sans-serif;font-size:38px;margin:auto;padding:5px 20px;text-align:center}.post-page .post-page-container .post-page-content{word-wrap:break-word;background-color:rgba(9,10,11,.67);box-shadow:0 12px 20px 9px rgba(0,0,0,.5);margin:70px auto;min-height:500px;padding:20px;white-space:pre-wrap}.post-page .post-page-container .post-page-content .post-image{display:block;margin:auto;width:100%}.post-page .post-page-container .post-page-content .post-title{font-size:28px;text-align:center}.post-page .post-page-container .post-page-content .post-side-title{font-size:32px}.post-page .post-page-container .post-page-content .post-text{font-family:Times New Roman,Times,serif;font-size:28px;margin:20px 10px}@media only screen and (max-width:1500px){.post-page .post-page-container{width:80%}}@media only screen and (max-width:500px){.post-page .post-page-container{width:100%}.post-page .post-page-container .post-header h1{font-size:22px;padding:5px 10px}.post-page .post-page-container .post-page-content{margin:20px auto;min-height:500px;padding:10px}.post-page .post-page-container .post-page-content .post-title{font-size:20px}.post-page .post-page-container .post-page-content .post-side-title{font-size:18px}.post-page .post-page-container .post-page-content .post-text{font-family:Times New Roman,Times,serif;font-size:16px;margin:10px 5px}}.post-page .post-like-buttons-container{padding:10px;position:fixed;right:20px}@media only screen and (min-width:500px){.post-page .post-like-buttons-container{top:50px}}@media only screen and (max-width:500px){.post-page .post-like-buttons-container{bottom:10px;right:10px}}.post-page .comments-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;left:50px;overflow:scroll;top:200px}.post-page .comment-form-container{display:block}.post-page .comment-form-container .post-comment-form-container{margin:auto auto 20px;width:500px}@media only screen and (max-width:500px){.post-page .comment-form-container .post-comment-form-container{width:300px}}.post-comment-form-container{background-color:#222831;color:#efefef;margin:10px;padding:10px;width:400px}.post-comment-form-container form{display:flex;flex-direction:column}.post-comment-form-container form input{color:#000;margin:5px}.post-comment-form-container form textarea{color:#000;height:100px;margin:5px 0;width:100%}.post-comment-form-container form button{align-self:flex-end;background-color:#f2f2f2;border:none;color:#393e46;font-weight:700;height:20px;width:70px}.comment-card{background-color:#222831;display:flex;height:150px;justify-content:space-between;margin:10px;padding:10px;width:300px}.comment-card .comment-content{color:#fff;width:70%}.comment-card .comment-content h4{font-family:sans-serif}.comment-card .comment-content .comment{height:70%;margin-top:10px;overflow:hidden;word-break:break-word}.image-viewer{align-content:center;align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:fixed;top:0;width:100%;z-index:100}.image-viewer .background{background-color:rgba(0,0,0,.678);height:100%;position:absolute;top:0;width:100%;z-index:-10}.image-viewer .image-container{align-items:center;display:flex;justify-content:center;position:relative}.image-viewer .image-container img{object-fit:contain;width:100%}.image-viewer .image-container .image-title{background:#000;bottom:10px;color:#fff;font-size:20px;padding:10px;position:absolute}@media only screen and (max-width:500px){.image-viewer .image-container .image-title{font-size:10px;padding:5px}}.buttons{align-items:center;display:flex;flex-direction:column;position:absolute;right:10px;top:10px}.buttons .cancel-button{background:#2a2a2a;border:5px solid #000;color:#fff;font-size:50px;height:80px;margin:auto;width:80px}.buttons .like-button{display:flex}@media only screen and (max-width:1200px){.buttons .cancel-button{font-size:30px;height:50px;width:50px}}.wallpapers-page{margin:0 auto}.wallpapers-page h1{color:#fff;margin:40px 0 5px;text-align:center}.wallpapers-page .wallpapers-container{display:flex;flex-direction:row}.wallpapers-page .wallpapers-container .wallpapers-column{width:50%}.wallpapers-page .wallpapers-container .wallpapers-column img{height:auto;padding:0;width:100%}.posts-page .posts-section{display:grid;grid-template-columns:auto auto auto}@media only screen and (max-width:1200px){.posts-page .posts-section{grid-template-columns:auto auto}}@media only screen and (max-width:500px){.posts-page .posts-section{grid-template-columns:auto}.posts-page .posts-section .post-card{height:180px}.posts-page .posts-section .post-card .post-card-content h2{font-size:12px;padding:3px 8px}}
/*# sourceMappingURL=main.d453bdab.css.map*/