@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Playwrite+AU+SA:wght@100..400&display=swap";@font-face{font-family:icomoon;src:url(/portfolio/assets/icomoon-BiZOjnzo.eot?2qhgem);src:url(/portfolio/assets/icomoon-BiZOjnzo.eot?2qhgem#iefix) format("embedded-opentype"),url(data:font/ttf;base64,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) format("truetype"),url(/portfolio/assets/icomoon-fmgSyFwT.woff?2qhgem) format("woff"),url(/portfolio/assets/icomoon-D4KAtKee.svg?2qhgem#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-menu:before{content:""}.icon-mail:before{content:""}.icon-linkedin-with-circle:before{content:""}.icon-close:before{content:""}.icon-remove:before{content:""}.icon-times:before{content:""}.icon-phone:before{content:""}.icon-twitter:before{content:""}.icon-github:before{content:""}.icon-chain:before{content:""}.icon-link:before{content:""}.icon-moon-o:before{content:""}.icon-sun:before{content:""}.icon-arrow-up2:before{content:""}.icon-arrow-right2:before{content:""}:root{--primary:#000;--secondary:rgb(24 24 27);--border-color:rgba(63, 63, 70, .4);--primery-text:rgb(244 244 245);--secondary-text:rgb(161 161 170);--bg-header:rgb(39 39 42);--light-red:#AA7280}.light{--primary:rgb(245, 237, 237);--secondary:#fff;--primery-text:#000;--secondary-text:rgb(45, 45, 50);--border-color:rgba(208, 208, 214, .4);--bg-header:rgb(255, 255, 255);--light-red:#ee1e52}html{font-family:Roboto,serif;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}*{padding:0;margin:0}::-webkit-scrollbar{width:.3rem}::-webkit-scrollbar-track{background:var(--bg-header)}::-webkit-scrollbar-thumb{background:#888;border-radius:200px}::-webkit-scrollbar-thumb:hover{background:var(--light-red)}body{background-color:var(--primary);color:#fff}main.container{width:80%;margin:auto;background-color:var(--secondary);padding:2rem}.dvider{border:1px solid var(--border-color);margin-top:1rem}li{list-style-type:none}a{text-decoration:none;color:initial}.d-flex{display:flex;align-items:center}button{all:unset}button:active{scale:.8}@media (max-width:700px){main.container{width:95%;margin:auto;padding:.5rem}}header.d-flex{justify-content:space-between;padding:1rem 0}header.d-flex .name{font-family:Playwrite AU SA,serif;font-size:2rem;color:var(--primery-text);font-weight:700}header.d-flex .name:first-letter{font-size:3rem;color:var(--light-red)}header button.menu{display:none}header.d-flex nav{background-color:var(--bg-header);padding:1rem 2rem;border-radius:2rem;box-shadow:1px 1px 10px #3532324a}header ul.d-flex{gap:2rem}header ul.d-flex li a{color:var(--primery-text);opacity:.8;font-weight:500;font-size:.8rem;transition:.3s}header ul li a:hover,header .fixed ul.modal li a:hover{color:var(--light-red);opacity:1;font-weight:500;font-size:1rem;transition:.3s}header .icon-moon-o,header .icon-menu,header .icon-sun{background-color:var(--bg-header);padding:.8rem;border-radius:50%;color:var(--secondary-text);cursor:pointer;border:1px solid #fa80723b;transition:.3s}header .icon-sun{color:orange}header .icon-moon-o:hover,header .icon-menu:hover,header .icon-sun:hover{color:var(--primery-text);border:1px solid #fa8072e3}header .icon-remove{font-size:1.3rem;color:var(--secondary-text);transition:.3s}header .icon-remove:hover{color:#dc143c;rotate:180deg}header .fixed{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#aa72806f;z-index:10;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}header .fixed ul.modal{animation:menu-animation .8s 1;width:70%;margin:2rem auto 0;padding:2rem 3rem;border-radius:1rem;background-color:var(--secondary)}header .fixed ul.modal li{border-bottom:1px solid var(--border-color);padding:.8rem 0}header .fixed ul.modal li:first-child{border:none;text-align:right;padding:0}header .fixed ul.modal li:last-child{border:none}header .fixed ul.modal li a{font-size:1rem;color:var(--primery-text)}@keyframes menu-animation{0%{scale:0}50%{scale:1.2}to{scale:1}}@media (max-width:850px){header.d-flex .name{font-size:1rem}header.d-flex .name:first-letter{font-size:2rem}header.d-flex nav{display:none}header button.menu{display:block}}section.main-content{padding:2rem 0;align-items:start;gap:2rem}section.main-content .buttons{gap:1rem;flex-direction:column}section.main-content .buttons button{color:var(--secondary-text);width:8rem;padding:1rem 2rem;text-align:center;cursor:pointer;font-size:1rem;opacity:.5;background-color:var(--bg-header);border-radius:.5rem;transition:.3s;font-weight:500}section.main-content .buttons button:hover{opacity:1;transition:.3s;font-size:1.1rem}section.main-content .buttons button.active{border:1px solid var(--light-red);opacity:1}section.main-content .projects{gap:1rem;justify-content:center;flex-wrap:wrap}section.main-content .projects .card{border:1px solid #dba5b344;border-radius:.5rem;width:16rem;height:22rem;transition:.3s;overflow:hidden;background-image:linear-gradient(#ffffff0d,#ffffff0d)}section.main-content .projects .card img{width:100%;height:10rem;object-fit:cover}section.main-content .projects .card:hover{border:1px solid var(--light-red);transition:.3s;rotate:1deg;scale:1.01;cursor:pointer}section.main-content .projects .card .card-body{padding:.5rem}section.main-content .projects .card .card-body h3{color:var(--primery-text);font-size:1.2rem}section.main-content .projects .card .card-body p{color:var(--secondary-text);font-size:.8rem;margin-block:1rem}section.main-content .projects .card .icons{justify-content:space-between}section.main-content .projects .card .icons div{gap:.8rem;color:var(--secondary-text);font-size:1.4rem;transition:.3s}section.main-content .projects .card .icons div a div:hover{color:var(--light-red);cursor:pointer;transition:.3s}section.main-content .projects .card .icons a{font-size:.8rem;color:var(--light-red);gap:.2rem}@media (max-width:600px){section.main-content{flex-direction:column}section.main-content .buttons{flex-direction:row;flex-wrap:wrap;justify-content:center}section.main-content .buttons button{width:5.5rem;padding:.5rem 1rem;font-size:.6rem}section.main-content .buttons button:hover{opacity:1;transition:.3s;font-size:.68rem}}section.hero{justify-content:space-between}section.hero .my-details{flex:1}section.hero .my-details .avatar{width:5rem;height:5rem;object-fit:cover;border:1px solid #AA7280;padding:.2rem;border-radius:50%}section.hero .my-details .avatar img{width:100%;height:100%}section.hero .my-details .objective h1.title{font-size:2.5rem;color:var(--primery-text);margin-block:1.5rem;line-height:3rem}section.hero .my-details .objective p.summary{color:var(--secondary-text);font-size:.8rem;line-height:1.6rem;margin-bottom:2rem}section.hero .my-details .objective div.social-icons{gap:1.3rem}section.hero .my-details .objective div.social-icons a{font-size:1.6rem;color:var(--primery-text);transition:.3s}section.hero .my-details .objective div.social-icons a .icon:hover{cursor:pointer;color:#aa7280;transition:.3s}section.hero .animation{flex:1}@media (max-width:800px){section.hero .my-details{text-align:center}section.hero .animation{display:none}}section.contact-us{padding:2rem 1rem 0;flex-direction:column;align-items:flex-start;position:relative}section.contact-us h3{gap:1rem;font-size:1.8rem;color:var(--primary-text)}section.contact-us h3 span{color:var(--secondary-text);transition:.3s}section.contact-us h3 span:hover{color:var(--light-red);cursor:pointer;transition:.3s}section.contact-us p{color:var(--secondary-text);font-size:.8rem;margin-top:1rem}section.contact-us .contact-us-form{justify-content:space-between;width:100%}section.contact-us form div{margin-block:1rem}section.contact-us form div label{color:var(--secondary-text);margin-right:1rem}section.contact-us form div #email,section.contact-us form div #message{all:unset;background-color:var(--bg-header);box-shadow:1px 1px 1px var(--light-red);padding:.5rem;border-radius:.3rem;transition:.3s;width:14rem;color:var(--light-red)}section.contact-us form div #email:focus,section.contact-us form div #message:focus,section.contact-us form div #email:hover,section.contact-us form div #message:hover{border:1px solid var(--light-red)}section.contact-us form div #message{resize:vertical;min-height:13rem}section.contact-us form button{width:8rem;padding:1rem 2rem;text-align:center;cursor:pointer;font-size:1rem;opacity:.5;background-color:var(--bg-header);border-radius:.5rem;transition:.3s}section.contact-us form button:hover{border:1px solid var(--light-red);transition:.3s}.succeeded-message{font-family:Playwrite AU SA,serif;margin:1rem auto 0;color:var(--light-red)}@media (max-width:400px){section.contact-us form{width:100%}section.contact-us form div{flex-direction:column;row-gap:.6rem;align-items:flex-start}section.contact-us .contact-us-form{width:90%}section.contact-us{justify-content:center}section.contact-us .animation-form{display:none}}@media (max-width:800px){section.contact-us .animation-form{display:none}}footer.d-flex{padding:1rem 1rem 2rem;justify-content:space-between;color:#6f7982c0}footer.d-flex .links ul{gap:.8rem}footer.d-flex .links a{color:var(--secondary-text);transition:.3s}footer.d-flex .links a:hover{color:var(--light-red);cursor:pointer}@media (max-width:600px){footer.d-flex{flex-direction:column;gap:1rem}}html{scroll-behavior:smooth}a.scroll-up{position:fixed;padding:.7rem;border-radius:1rem;background-color:var(--light-red);color:var(--primary-text);bottom:1rem;right:1rem;cursor:pointer;z-index:5555;text-align:center;transition:1s}