@import"https://fonts.googleapis.com/css2?family=Marcellus&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background-color:#212529;color:#fff;text-shadow:0 0 10px #000;font-family:Marcellus,sans-serif}.common-button-container{display:flex;justify-content:center;margin-top:40px}.common-button{background-color:transparent;border-radius:8px;padding:10px 60px 10px 30px;transition:.3s;border:1px solid #d4af37;position:relative}.common-button:hover{background-color:#d4af37}.common-button:hover .arrow{right:25px}.common-button span{color:#fff;font-size:1.2rem}.arrow{top:22px;right:30px;width:8%;box-shadow:0 3px 5px rgba(0,0,0,.2);transition:right .5s ease}.arrow,.arrow:after,.arrow:before{position:absolute;height:2px;background-color:#fff}.arrow:after,.arrow:before{content:"";width:50%;right:-2px}.arrow:after{top:-3px;transform:rotate(45deg)}.arrow:before{top:3px;box-shadow:0 3px 5px rgba(0,0,0,.2);transform:rotate(-45deg)}li{list-style-position:inside}pre{white-space:pre;overflow-x:auto}.name-card-container{position:relative;width:100%;display:flex;flex-direction:row;margin:0 auto 40px;padding:20px;gap:30px;box-sizing:border-box;background-color:hsla(0,0%,52%,.301);border-radius:10px}.name-card-container img{border-radius:50%}.name-card-introduction{display:flex;flex-direction:column;gap:20px}.name-card-introduction span:first-of-type{font-size:1.3rem}.name-card-introduction span:nth-of-type(2){font-size:1rem}.name-card-icons{width:100%;height:100%;display:flex;flex-direction:row;gap:15px}.name-card-icons a{text-decoration:none;color:#fff}.name-card-icons a:hover{color:#d4af37}.spinner-box{position:relative}.circle-border,.spinner-box{width:150px;height:150px;display:flex;justify-content:center;align-items:center}.circle-border{padding:3px;border-radius:50%;background:#3ff9dc;background:linear-gradient(0deg,#996515 33%,#d4af37);animation:spin 3s linear 0s infinite}.circle-core{position:absolute;width:100%;height:100%;border-radius:50%;animation:none}.circle-core img{position:absolute;width:95%;top:0;left:0;right:0;bottom:0;margin:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@media only screen and (max-width:650px){.name-card-container{flex-direction:column;gap:15px}.name-card-introduction{gap:12px}}.post{width:100%;height:300px;position:relative;overflow:hidden;cursor:pointer;transition:.3s;margin-bottom:15px;box-sizing:border-box;border-radius:10px}.post:hover .post__title h2{transition:.3s;color:#d4af37}.post__image{object-fit:cover;z-index:0}.post a,.post__image{position:absolute;width:100%}.post a{color:inherit;text-decoration:none;transition:.3s;z-index:1;height:100%;background:linear-gradient(0deg,#000 0,rgba(0,0,0,.5) 90%)}.post a:hover{transform:scale(1.02)}.post__body{display:flex;flex-direction:column;position:absolute;left:0;bottom:0;width:100%;padding:20px}.post__tags{list-style-type:none;display:flex;flex-direction:row;gap:.5rem;padding-bottom:.5rem}.post__badge{width:100%;height:100%;background-color:#996515;border-radius:5px;padding:1px 7px}.post__title{display:flex;flex-direction:row;margin-bottom:4px;border-radius:2px}.post__title h3{font-weight:700}.post__subtitle{margin-bottom:10px;font-size:16px}.post__date{color:#aaa}@media only screen and (max-width:500px){.post__image{height:100%}}@media only screen and (max-width:400px){.post{min-width:350px}}.post-background{position:relative;width:100%;height:50vh;min-height:350px;background:#000;display:flex;align-items:center;justify-content:center;max-height:500px;margin-bottom:4rem;animation:filling 3s ease forwards}.post-background__overlay{width:100%;height:100%;background:rgba(0,0,0,.6)}.post-background__text{width:641px;font-size:2.5rem;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column}@media only screen and (max-width:700px){.post-background__text{width:calc(100% - 6vw)}}.post-background__subtitle{font-size:1.5rem;color:#cbcbcb;margin-top:8px}.post-background__date,.post-background__reading-time{display:flex;justify-items:center;gap:.4rem}.post-background__info{padding-top:2rem;font-size:1.2rem;display:flex;flex-direction:column;gap:5px}.post-background__tags{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin-bottom:1rem;font-size:1rem}.post-background__tag-item{margin-right:8px}.post-background__hashtag{border-radius:6px;border:1px solid #996515;padding:2px 6px;background-color:#996515}.skeleton-container{position:relative;width:100%;display:flex;flex-direction:column;margin:0 auto 40px;gap:15px;box-sizing:border-box;border-radius:10px}.skeleton-content{height:9rem}.skeleton-content,.skeleton-paragraph{background-color:hsla(0,0%,52%,.301);border-radius:10px;position:relative;overflow:hidden;width:100%}.skeleton-paragraph{height:2rem}.skeleton-paragraph2{background-color:hsla(0,0%,52%,.301);border-radius:10px;position:relative;overflow:hidden;width:70%;height:1rem}.skeleton-content:after,.skeleton-paragraph2:after,.skeleton-paragraph:after{content:"";display:block;position:absolute;top:0;left:-100%;height:100%;width:100%;background:linear-gradient(90deg,hsla(0,0%,100%,0),rgba(214,173,96,.2) 50%,hsla(0,0%,100%,0));animation:loading 1.5s cubic-bezier(.57,-.01,.21,.89) infinite}@keyframes loading{0%{left:-100%}50%{left:100%}to{left:100%}}.header-div{position:relative;width:100%;height:100vh;min-height:350px;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:500px;animation:filling 3s ease forwards;background-size:cover;background-position:50%;background-repeat:no-repeat}@keyframes filling{0%{background-position:center 25%}to{background-position:center 50%}}.header-title-container{width:641px;font-size:2.5rem;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column}@media only screen and (max-width:700px){.header-title-container{width:calc(100% - 6vw)}}.header-subtitle,.header-title{opacity:0;transform:translateY(30px);transition:opacity 1s ease,transform 1s ease}.header-subtitle.show,.header-title.show{opacity:1;transform:translateY(0)}.header-title{font-size:2rem}.header-subtitle{font-size:1.3rem;color:#cbcbcb;margin-top:8px}.header-title-container.post .header-title{font-size:1.6rem}.header-title-container.post .header-subtitle{font-size:1.1rem}@media only screen and (max-width:1000px){header{min-height:400px}.header-text-container{font-size:60px}}.header-text-container{position:relative;width:100%;height:100%}.header-blur{position:relative;width:100%;height:8rem;background:linear-gradient(rgba(0,0,0,.5),#212529)}.header{position:fixed;z-index:999;background-color:rgba(33,37,41,.4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid #6c757d}.header,.header__nav{top:0;left:0;right:0;margin:auto}.header__nav{padding:10px;padding-left:0!important;display:flex;justify-content:space-between;align-items:center;width:900px}.header__label{font-size:24px;font-weight:700}.header__label a{text-decoration:none;color:#fff}.header__label a img{width:100px}.header__menu-container{display:flex;flex-direction:row!important}.header__menu-list{list-style:none;display:flex;margin:auto}.header__menu-item{margin-right:25px;position:relative}.header__menu-item a{text-decoration:none;font-size:17px;color:#fff;position:relative;display:inline-block;padding-bottom:5px}.header__menu-item a:hover{color:#6c757d}.header__menu-item a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#fff;transform:scaleX(0);transform-origin:left;transition:transform .3s ease,background-color .3s ease}.header__menu-item a.active:after{transform:scaleX(1);background-color:#fff}.header__menu-item a:hover:after{background-color:#fff}@media only screen and (max-width:1000px){.header__nav{width:calc(100% - 10vw);margin:0 auto}}.header__toggle-button{font-size:26px;cursor:pointer;position:relative;display:none;margin-left:8px}@media only screen and (max-width:500px){.header__nav .header__menu-list{display:none}.header__toggle-button{display:block;padding-top:7px}}.header__burger-menu{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;margin-top:1px;display:none}.header__burger-menu-list{list-style:none}.header__burger-menu-item{margin:1.5rem}.header__burger-menu-item a{text-decoration:none;color:#fff}.header__burger-menu-item a:hover{color:#d4af37}.header__burger-menu-link:hover{border-bottom:1px solid #fff}.header__burger-menu--show{display:block}footer{margin-top:80px;padding:50px 10px 20px;text-align:center;border-top:1px solid #8b8b8b}footer p{margin-bottom:1rem}footer .footer-social-links{text-align:center}footer .footer-social-links ul.social-links-list li{margin-right:25px;display:inline-block}.main-div{width:641px;margin:20px auto}.main-div .main-h2{padding-left:25px;margin:30px 0;color:#aaa}@media only screen and (max-width:700px){.main-div{width:calc(100% - 6vw);margin:20px auto}}@media only screen and (max-width:650px){.main-div{margin:20px auto 60px}}.posts-search{position:relative;border-radius:10px;width:100%;display:flex;flex-direction:column;margin:0 auto 40px;padding:20px;min-width:350px;background-color:hsla(0,0%,52%,.301)}.posts-search h2{margin-top:20px}.card{background-color:transparent;padding:4px;border-radius:5px;border:1px solid #a0a0a0;color:#a0a0a0;display:flex;flex-direction:row;align-items:center}.input{position:relative;width:100%}.input__label{position:absolute;left:0;top:2px;padding:4px;background-color:transparent;white-space:nowrap;transform:translate(0);transform-origin:0 0;transition:transform .1s ease-in;line-height:1.2;font-size:20px}.input__field{box-sizing:border-box;display:block;width:100%}.input__field:focus+.input__label,.input__field:not(:placeholder-shown)+.input__label{transform:translate(.25rem,-75%) scale(.9);color:#d4af37;font-weight:700;background-color:#3f4245}.input input{height:100%;border:none;background-color:transparent;color:#fff;font-size:20px;padding:5px}.input input:focus{outline:none}.posts-search ul{list-style:none;display:flex;flex-wrap:wrap}.posts-search ul li{font-size:15px;margin-top:5px;margin-right:5px}.posts__hashtag{border-radius:20px;border:1.5px solid #996515;padding:5px 5px 5px 8px;background-color:transparent;cursor:pointer}.posts__hashtag:hover{background-color:#d4af37;border-color:#d4af37}.posts__hashtag.active{background-color:#996515}.posts__hashtag.active:hover{border-color:#996515}.posts__hashtag span:nth-child(2){margin:0 5px}.resume{display:flex;flex-direction:column;gap:3rem}.resume img{border-radius:5px;width:100px}.resume h1{margin-bottom:1rem}.resume ul{list-style:none;padding:0;margin:0;display:flex}.resume ul li{margin-right:5px;background-color:#996515;padding:3px;border-radius:3px}.resume-body{padding:0 1rem;gap:4rem}.resume-body,.resume-company{display:flex;flex-direction:column}.resume-company{gap:1rem}.resume-content{display:flex;flex-direction:row;gap:.7rem}