@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap');:root{--secondory-color: #272727;--very-secondory-color: #101514;}::-webkit-scrollbar-button {background-image:url('');background-repeat:no-repeat;width:20px;height:0px }::-webkit-scrollbar-track {background-color:#302f2d;box-shadow:0px 0px 3px #000 inset;}::-webkit-scrollbar-thumb {-webkit-border-radius: 5px;border-radius: 5px;background-color:#474747;box-shadow:0px 1px 1px #fff inset;background-position:center;background-repeat:no-repeat;}::-webkit-resizer{background-image:url('');background-repeat:no-repeat;width:10px;height:0px }::-webkit-scrollbar{width: 0px;}img{pointer-events: none;}*{margin: 0;padding: 0;box-sizing: border-box;font-family: 'Montserrat', sans-serif;}html,body{background: #131213;}body {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: url(images/cursors/pointer.cur), url(images/cursors/link.cur), default;background: #131213;overflow-x: hidden;}.container{width: 100%;position: absolute;top: 0;left: 0;overflow: auto;justify-content: center;color: #fff;display: flex;width: 100%;padding: 2%;overflow-x: hidden }.bg{position: fixed;bottom: 35%;width: 250px;opacity: 1;z-index: 5;transition: 2s;}.beauty-in-the-prostate{position: fixed;bottom: 5px;left: 5px;}.watermark{position: fixed;overflow: hidden;color: #fff;opacity: 0.02;transform: rotate(60deg);left: -100%;height: 34%;}.watermark::before{--a:"rubukub rubikub";--b: var(--a) " " var(--a);--c: var(--b) " " var(--b);--d: var(--c) " " var(--c);--e: var(--d) " " var(--d);--f: var(--e) " " var(--e);--g: var(--f) " " var(--f);--h: var(--g) " " var(--g);--l: var(--h) " " var(--h);content: var(--h);color: white;display: block;}.main-information-block{transition: 1.5s;width: auto;height: auto;margin: 250px;text-align: center;display: none;opacity: 0;animation: enable 2s forwards 3.8s;}@keyframes enable {0% {opacity: 0;}100% {opacity: 1;}}@keyframes disable {100% {opacity: 1;}0% {opacity: 0;}}.main-information-block h1{font-size: 95px;font-weight: 600;cursor: pointer;}.main-information-block p{margin-left: 2px;color: rgba(255, 255, 255, 0.836);}.advice-links a{padding: 4px;text-decoration: none;margin-left: 2px;color: rgba(255, 255, 255, 0.836);transition: 0.5s;}.advice-links a:hover{color: #fff;text-decoration: underline;}.btn-links-container{position: absolute;right: 0;}.row{margin-top: 25px;}.row a:hover{background-color: rgba(255, 255, 255, 0.075);}.row a{position: relative;border-radius: 6px;font-size: 16px;color: white;padding: 10px;cursor:pointer;user-select:none;text-align: center;text-decoration: none;cursor: pointer;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;}.row a:after {content: "";display: block;position: absolute;border-radius: 6px;left: 0;top:0;width: 100%;height: 100%;opacity: 0;transition: all 0.5s;box-shadow: 0 0 5px 15px rgba(255, 255, 255, 0.075);background-color: unset;}.row a:active:after {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.075);position: absolute;border-radius: 6px;left: 0;top:0;opacity: 1;transition: 0s;background-color: unset;}.about p{display: flex;}.rainbow{padding-left: 5px;padding-right: 5px;animation: colorRotate 3s linear 0s infinite;}@keyframes colorRotate {100%,0%{color: rgb(252, 127, 127);}8%{color: rgb(255, 198, 142);}16%{color: rgb(255, 255, 144);}25%{color: rgb(197, 255, 139);}33%{color: rgb(153, 255, 153);}41%{color: rgb(132, 255, 194);}50%{color: rgb(149, 255, 255);}58%{color: rgb(129, 192, 255);}66%{color: rgb(121, 121, 255);}75%{color: rgb(188, 122, 255);}83%{color: rgb(255, 136, 255);}91%{color: rgb(255, 118, 187);}}.aboutme-page{display: none;width: 30%;}.title-block{display: flex;border-bottom: solid 1px rgb(46,47,46);}.about{margin-top: 8px;}.title-block h1{font-family: 'Raleway', sans-serif;position: relative;left: -38px;}.portfolio-page{display: none;width: 35%;}.aboutme-page .links{justify-content: center;text-align: center;margin-top: 15px;}.card img{height: 50px;margin-right: 20px;margin-top: 5px;border-radius: 50%;}.cards-title{display: flex;}.cards-title h1{font-family: 'Raleway', sans-serif;position: relative;left: -38px;}.cl-btn {width: 40px;height: 40px;border-radius: 40px;position: relative;z-index: 1;left: -50px;cursor: pointer;}.cl-btn:before {content: '+';color: #616161;position: absolute;z-index: 2;transform: rotate(45deg);font-size: 50px;line-height: 1;top: -5px;left: 6px;transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);}.cl-btn:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 100%;background: rgb(26, 30, 31);z-index: 1;transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);transform: scale(0.01);}.cl-btn:hover:after {transform: scale(1);}.cl-btn:hover:before {transform: scale(0.8) rotate(45deg);color: #fff;}.card{display: flex;border-top: solid 1px rgb(46,47,46);padding: 25px;width: auto }.my-job{margin-top: 30px;}.my-job p{margin-top: 5px;}.my-job p a{text-decoration: none;animation: colorRotate 5s linear 0s infinite;}.cards-title-arch h1{font-family: 'Raleway', sans-serif;}.card-title{display: flex;}.card-title img{width: 50px;}.card-title a{color: #62b2f3;text-decoration: none;font-size: 25px;font-family: 'Inter', sans-serif;}.card-title h4{padding-top: 4px;font-size: 12px;margin-left: 8px;opacity: 0.4;text-transform: uppercase;}.card-description p{color: #616161;}p a{color: #62b2f3;}.links{left: -10px;position: relative;display: flex;}.links a:hover{background-color: rgba(255, 255, 255, 0.075);}.links a{position: relative;border-radius: 6px;font-size: 16px;color: white;padding: 10px;cursor:pointer;user-select:none;text-align: center;text-decoration: none;cursor: pointer;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;}.links a:after {content: "";display: block;position: absolute;border-radius: 6px;left: 0;top:0;width: 100%;height: 100%;opacity: 0;transition: all 0.5s;box-shadow: 0 0 5px 15px rgba(255, 255, 255, 0.075);background-color: unset;}.links a:active:after {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.075);position: absolute;border-radius: 6px;left: 0;top:0;opacity: 1;transition: 0s;background-color: unset;}.card-title h4{margin-bottom: 15px;padding: 5px;background: #474747;border-radius: 7px;}.scrollup{width:40px;height:40px;opacity:0.5;position:fixed;bottom:50px;right:100px;display:none;text-indent:-9999px;background: url('/images/icon_top.png') no-repeat;}@media screen and (max-width: 1270px) {.portfolio-page, .aboutme-page{width: 55%;}}@media screen and (max-width: 780px) {.portfolio-page, .aboutme-page{width: 75%;}.scrollup{visibility: hidden;}}@media screen and (max-width: 570px) {.cl-btn{position: absolute;right: 50px;left: unset;}.cards-title h1, .title-block h1{left: unset;position: unset;}.portfolio-page, .aboutme-page{width: 87%;}}@media screen and (max-width: 490px) {.cl-btn{position: absolute;right: 5px;left: unset;}.cards-title h1, .title-block h1{left: unset;position: unset;}.portfolio-page, .aboutme-page{width: 95%;}}