.background{position:fixed;width:100%;height:100vh;z-index:-1;background:#171717}.background video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;z-index:-1}.section{height:100vh}.login{display:flex;flex-direction:column;gap:20px;min-height:calc(100vh - 80px);padding:20px 10%;justify-content:center;width:min(100%,500px)}.login h1{color:#ededed;font-family:Anton;font-size:50px}.login form{display:flex;flex-direction:column;gap:20px}.login input{padding:20px;border:none;outline:none;background:#ededed;color:#171717;font-size:16px}.login input::placeholder{color:#be3144}.login .password{display:flex;position:relative;align-items:center}.login .password input{display:flex;width:100%}.login .password img{width:24px;height:24px;position:absolute;right:16px}.login button{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;background:#be3144;color:#ededed;border:none;outline:none;text-transform:uppercase;font-size:16px;cursor:pointer}.login img{width:16px;height:16px;cursor:pointer}.login p{color:#ededed;text-align:end}.login a{text-decoration:none;color:#be3144;font-weight:700}.login a:hover{text-decoration:underline}@media (max-width: 627px){.login{padding:20px;width:calc(100% - 40px)}.login h1{font-size:42px}.login form,.login p{width:100%}}.register{display:flex;flex-direction:column;gap:20px;min-height:calc(100vh - 80px);padding:20px 10%;justify-content:center;width:min(100%,500px)}.register h1{color:#ededed;font-family:Anton;font-size:50px}.register form{display:flex;flex-direction:column;gap:20px}.register input{padding:20px;border:none;outline:none;background:#ededed;color:#171717;font-size:16px}.register input::placeholder{color:#be3144}.register .password{display:flex;position:relative;align-items:center}.register .password input{display:flex;width:100%}.register .password img{width:24px;height:24px;position:absolute;right:16px}.register button{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;background:#be3144;color:#ededed;border:none;outline:none;text-transform:uppercase;font-size:16px;cursor:pointer}.register img{width:16px;height:16px;cursor:pointer}.register p{color:#ededed;text-align:end}.register a{text-decoration:none;color:#be3144;font-weight:700}.register a:hover{text-decoration:underline}@media (max-width: 627px){.register{padding:20px;width:calc(100% - 40px)}.register h1{font-size:42px}.register form,.register p{width:100%}}.messages{display:flex;flex-direction:column;gap:20px;width:min(100%,500px);padding:20px 10%}.messages h1{color:#ededed;align-items:flex-start;font-family:Anton;font-size:50px}.messages-list{display:flex;flex-direction:column;gap:20px;flex:1;overflow-y:auto;overflow-x:hidden}.messages-list p{color:#be3144}.message,.message-skeleton{display:flex;flex-direction:column;color:#000;padding:16px;width:100%;box-sizing:border-box;background:#fff;margin-top:0}.message-skeleton{gap:19px}.message-user,.message-user-skeleton{display:flex;gap:10px}.message-user img{width:24px;height:24px}.message-user-image-skeleton{width:24px;height:24px;background:linear-gradient(90deg,#f4f4f4 25%,#e0e0e0,#f4f4f4 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:50%}.message p{margin-top:10px;color:#be3144}.message-user-name-skeleton{width:200px;background:linear-gradient(90deg,#f4f4f4 25%,#e0e0e0,#f4f4f4 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.message-user-message-skeleton{width:100%;height:20px;background:linear-gradient(90deg,#f4f4f4 25%,#e0e0e0,#f4f4f4 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}@media (max-width:627px){.messages{padding:20px;box-sizing:border-box}.messages h1{font-size:42px}}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px;position:sticky;top:0;background:#000;z-index:1000}.topbar-logo{display:flex;background:none;border:none;cursor:pointer;padding:0}.topbar-logo img{width:24px;height:24px}.topbar-menu{display:none}.topbar-menu img{width:24px;height:24px;cursor:pointer}.topbar-menu-links,.topbar-links{display:flex;gap:20px}.topbar-links a,.topbar-menu-links a{color:#be3144;text-decoration:none;width:fit-content;cursor:pointer;position:relative;overflow:hidden}@media (max-width: 627px){.topbar-menu{display:flex}.topbar-links{display:none}.topbar-menu-links{position:absolute;background:#000;top:64px;right:0;display:flex;padding:20px;flex-direction:column}}.home{position:relative;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 104px);margin:0 10%}.role{color:#ededed;font-family:Anton;font-size:12vw;line-height:1;cursor:default}.role span{color:#be3144}.name{color:#ededed;font-family:Anton;font-size:9vw;cursor:default}.techs{width:100%;margin-inline:auto;position:relative;height:44px;overflow:hidden;-webkit-mask-image:linear-gradient(to right,#0000,#000 20%,#000 80%,#0000);mask-image:linear-gradient(to right,#0000,#000 20%,#000 80%,#0000)}.tech{width:150px;display:grid;place-content:center;border-radius:24px;padding:10px 25px;background-color:#be3144;position:absolute;color:#ededed;right:max(1600px,100%);font-size:20px;animation:scrollRight 30s linear infinite}@keyframes scrollRight{to{right:-200px}}.css{animation-delay:-26.25s}.html{animation-delay:-22.5s}.js{animation-delay:-18.75s}.react{animation-delay:-15s}.angular{animation-delay:-11.25s}.node{animation-delay:-7.5s}.express{animation-delay:-3.75s}.ts{animation-delay:-0s}@media (max-width: 627px){.home{margin:0;padding:20px;align-items:flex-start}.role{font-size:20vw}.name{text-align:left;font-size:10vw}}.about{display:flex;flex-direction:column;align-items:start;justify-content:center;height:100vh;padding:20px;margin:0 10%}.about h1{color:#ededed;align-items:flex-start;font-family:Anton;font-size:50px;margin-top:64px}.aboutContent{display:flex;flex-direction:column;gap:10px}.aboutContent h2{color:#444;font-size:30px;text-transform:uppercase}.technologies{display:flex;gap:20px}.frontend,.backend,.other{padding:30px;color:#ededed;width:30%;text-transform:capitalize}.frontend h3,.backend h3,.other h3{text-transform:uppercase}.frontend,.other{background:#be3144}.backend{background:#171717}@media (max-width: 785px){.technologies{flex-direction:column}.frontend,.backend,.other{width:calc(100% - 60px)}}@media (max-width: 627px){.about{margin:0}}.projects{position:relative;min-height:350vh;padding:20px;margin:0 10%}.projects h1{color:#ededed;font-family:Anton;font-size:50px;margin-top:64px}.projects-wrapper{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;gap:20px;overflow:hidden;width:max-content}.projects-container{display:flex;gap:2vw;width:max-content}.project{flex:0 0 700px;width:700px;box-sizing:border-box;display:flex;flex-direction:column;background:#000;color:#ededed;padding:20px;gap:20px;border:2px solid #444444;overflow:hidden}.project-image{display:block;width:100%;aspect-ratio:7 / 4;object-fit:contain}.project-details{display:flex;flex-direction:column;gap:10px;min-width:0}.project-details h3{text-transform:uppercase}.project-details p{font-size:14px;color:#ededed;margin:0;overflow-wrap:break-word}.project-links{display:flex;gap:20px}.project-links a{display:flex}.project-icon{width:24px!important;height:24px;cursor:pointer}@media (max-width: 1160px){.project{flex:0 0 400px;width:400px}}@media (max-width: 627px){.projects{margin:0}.project{flex:0 0 calc(100vw - 40px);width:calc(100vw - 40px)}}.contacts{display:flex;flex-direction:column;align-items:start;justify-content:center;padding:20px;margin:0 10%;gap:10px}.contacts h1{color:#ededed;align-items:flex-start;font-family:Anton;font-size:50px;margin-top:64px}.contactContents{display:flex;width:calc(100% - 40px)}.svg{padding:0;border-top:2px solid #444444;border-bottom:2px solid #444444}.contactsDetails{height:100%;width:100%}.contact{display:flex;width:100%;justify-content:space-between;padding:20px;height:60px;border:2px solid #444444;border-right:none;align-items:center}.contact a{display:flex;gap:10px;text-decoration:none;padding:0}.contact h3{text-transform:uppercase;cursor:pointer;color:#ededed}.middle{border-top:none;border-bottom:none}.contact img{width:24px;height:24px;cursor:pointer}.contactMessage{display:flex;justify-content:space-between;margin-top:20px;width:100%;gap:20px}.text{display:flex;width:60%}.text h2{color:#ededed;font-size:40px;text-transform:uppercase}.form{display:flex;flex-direction:column;width:40%;gap:20px}.form input,.form textarea{padding:20px;width:100%;background:#ededed;color:#171717;box-sizing:border-box;border:none;outline:none;font-family:inherit;font-size:16px}.form textarea{max-width:100%;min-width:100%;min-height:100px;resize:vertical}.form input::placeholder,.form textarea::placeholder{color:#be3144}.form button{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;width:100%;color:#ededed;background:#be3144;box-sizing:border-box;border:none;outline:none;text-transform:uppercase;font-size:16px}.form img{width:16px;height:16px}@media (max-width: 1160px){.contacts{margin-bottom:20px}.contactContents{flex-direction:column;padding:0;width:100%}.svg{padding:0;border-bottom:none}.contactsDetails{width:calc(100% - 40px)}.contact{border-left:none}.text,.form{width:50%}}@media (max-width: 627px){.contacts{margin:0 0 20px}.contactMessage{flex-direction:column}.text,.form{width:100%}.form{margin-top:10px;padding:0}}.mask{width:100%;height:100%;cursor:default;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:40px;mask-size:40px;background:#ededed;position:fixed;color:#171717;z-index:1001;mix-blend-mode:difference;pointer-events:none;transition:background .3s ease,transform .3s ease}.dashboard{display:flex;flex-direction:column;gap:20px;height:calc(100vh - 40px)}.dashboard h1{color:#ededed;align-items:flex-start;font-family:Anton;font-size:50px}.admin-projects{display:flex;flex-direction:column;padding:20px 10%}.admin-projects h1{width:fit-content}.admin-projects-options{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-bottom:20px}.admin-projects a{color:#be3144;text-decoration:none;width:fit-content;cursor:pointer;position:relative;overflow:hidden}.projects-list{display:flex;flex-direction:column;gap:20px}.list-project{display:flex;justify-content:space-between;align-items:center;padding:20px;width:100%;box-sizing:border-box;border:none;outline:none;font-family:inherit;font-size:16px;background:#000;color:#ededed;border:2px solid #444444;height:fit-content}.list-project-div{display:flex;gap:20px;align-items:center}.list-project-image{height:80px;aspect-ratio:7/4}.projects-grid{display:grid;grid-template-columns:auto auto auto;gap:20px}.grid-project{display:flex;flex-direction:column;align-items:center;padding:20px;gap:20px;width:100%;box-sizing:border-box;border:none;outline:none;font-family:inherit;font-size:16px;background:#000;color:#ededed;border:2px solid #444444;height:fit-content}.grid-project-div{display:flex;justify-content:space-between;width:100%;align-items:center}.grid-project-links{display:flex;gap:20px;align-items:center}.grid-project-image{display:flex;height:200px;object-fit:contain;aspect-ratio:7/4}.dragging{cursor:grabbing;border-color:#be3144;box-shadow:0 0 0 2px #be314459}.upload-projects{display:flex;flex-direction:column;gap:20px;width:min(100%,500px)}.upload-projects h1{color:#ededed;align-items:flex-start;font-family:Anton;font-size:50px}.upload-projects .upload-project-form{display:flex;flex-direction:column;gap:20px}.upload-projects .upload-project-form input,.upload-projects .upload-project-form textarea{width:100%;box-sizing:border-box;border:none;outline:none;background:#ededed;color:#171717;padding:20px;font-family:inherit;font-size:16px}.upload-projects .upload-project-form textarea{min-height:120px;resize:vertical}.upload-projects .upload-project-form input::placeholder,.upload-projects .upload-project-form textarea::placeholder{color:#be3144}.upload-projects .upload-project-form>button{width:100%;border:none;outline:none;background:#be3144;color:#ededed;padding:20px;cursor:pointer;font-size:16px;text-transform:uppercase}.image-input{width:100%;min-height:96px;box-sizing:border-box;background:#ededed;cursor:pointer;transition:.25s;overflow:hidden}.image-input:hover{border-color:#171717}.image-placeholder{display:flex;flex-direction:column;gap:18px;min-height:92px;padding:18px 20px;box-sizing:border-box}.image-placeholder img{width:26px;opacity:.7}.image-placeholder h4{color:#be3144;font-size:16px;font-weight:400;margin-bottom:4px}.image-placeholder p{color:#555;font-size:14px}.image-preview{display:flex;align-items:center;gap:16px;padding:16px}.image-preview img{width:300px;aspect-ratio:16 / 9;object-fit:cover;background:#171717;flex-shrink:0}.remove-image{background:#be3144;color:#fff;border:none;padding:8px 14px;cursor:pointer}@media (max-width: 627px){.upload-projects{padding:20px}.upload-projects h1{font-size:42px}.upload-projects .upload-project-form{width:100%}.image-preview{align-items:flex-start;flex-direction:column}.image-preview img{width:100%;height:auto;aspect-ratio:16 / 10}.image-info{width:100%;gap:12px}}*{padding:0;margin:0;scrollbar-width:none}body{height:100%;font-family:Roboto}html{scroll-behavior:smooth}