body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-red{color:red}.login-errors{color:red;margin:146px 0;text-align:center}body,html{overflow-x:hidden}*{box-sizing:border-box;font-family:Quicksand,sans-serif;margin:0;padding:0}.sidebar{background:#11101d;height:100%;left:0;position:fixed;top:0;transition:all .5s ease;width:260px;z-index:100}.sidebar.close{width:78px}.sidebar .logo-details{align-items:center;display:flex;height:60px;margin-top:5px;width:100%}.sidebar .logo-details i{color:#fff;font-size:30px;height:50px;line-height:50px;min-width:78px;text-align:center}.sidebar .logo-details .logo_name{color:#fff;font-size:22px;font-weight:600;padding-left:15px;transition:.3s ease;transition-delay:.1s}.sidebar.close .logo-details .logo_name{opacity:0;pointer-events:none;transition-delay:0s}.sidebar .nav-links{height:100%;overflow:auto;padding:30px 0 150px}.sidebar.close .nav-links{overflow:visible}.sidebar .nav-links::-webkit-scrollbar{display:none}.sidebar .nav-links li{list-style:none;position:relative;transition:all .4s ease}.sidebar .nav-links li:hover{background:#1d1b31}.sidebar .nav-links li .iocn-link{align-items:center;display:flex;justify-content:space-between}.sidebar.close .nav-links li .iocn-link{display:block}.sidebar .nav-links li i{color:#fff;cursor:pointer;font-size:20px;height:50px;line-height:50px;min-width:78px;text-align:center;transition:all .3s ease}.sidebar .nav-links li.showMenu i.arrow{transform:rotate(-180deg)}.sidebar.close .nav-links i.arrow{display:none}.sidebar .nav-links li a{align-items:center;display:flex;text-decoration:none}.sidebar .nav-links li a .link_name{color:#fff;font-size:11px;font-weight:400;text-transform:uppercase;transition:all .4s ease}.sidebar.close .nav-links li a .link_name{opacity:0;pointer-events:none}.sidebar .nav-links li .sub-menu{background:#1d1b31;display:none;margin-top:-10px;padding:6px 6px 14px 80px}.sidebar .nav-links li.showMenu .sub-menu{display:block}.sidebar .nav-links li .sub-menu a{color:#fff;font-size:15px;opacity:.6;padding:5px 0;transition:all .3s ease;white-space:nowrap}.sidebar .nav-links li .sub-menu a:hover{opacity:1}.sidebar.close .nav-links li .sub-menu{border-radius:0 6px 6px 0;display:block;left:100%;margin-top:0;opacity:0;padding:10px 20px;pointer-events:none;position:absolute;top:-10px;transition:0s}.sidebar.close .nav-links li:hover .sub-menu{opacity:1;pointer-events:auto;top:0;transition:all .4s ease}.sidebar .nav-links li .sub-menu .link_name{display:none}.sidebar.close .nav-links li .sub-menu .link_name{display:block;font-size:18px;opacity:1}.sidebar .nav-links li .sub-menu.blank{opacity:1;opacity:0;padding:3px 20px 6px 16px;pointer-events:auto;pointer-events:none}.sidebar .nav-links li:hover .sub-menu.blank{top:50%;transform:translateY(-50%)}.one{background-color:#000;height:400px;margin-left:10%;width:80%}.profile-details{align-items:center;background:#1d1b31;display:flex;justify-content:space-between;padding:12px 0;transition:all .5s ease}.sidebar.close .profile-details{background:none;width:78px}.sidebar .profile-details .profile-content{align-items:center;display:flex}.sidebar .profile-details img{background:#1d1b31;border-radius:16px;height:52px;margin:0 14px 0 12px;object-fit:cover;transition:all .5s ease;width:52px}.sidebar.close .profile-details img{padding:10px}.sidebar .profile-details .job,.sidebar .profile-details .profile_name{color:#fff;font-size:18px;font-weight:500;white-space:nowrap}.sidebar.close .profile-details .job,.sidebar.close .profile-details .profile_name,.sidebar.close .profile-details i{display:none}.sidebar .profile-details .job{font-size:12px}.home-section{background:#e4e9f7;left:260px;position:relative;transition:all .5s ease;width:calc(100% - 260px)}.sidebar.close~.home-section{left:78px;width:calc(100% - 78px)}.home-section .home-content{align-items:center;display:flex;height:60px}.home-section .home-content .bx-menu,.home-section .home-content .text{color:#11101d;font-size:35px}.home-section .home-content .bx-menu{cursor:pointer;margin:0 15px}.home-section .home-content .text{font-size:26px;font-weight:600}.home-main-content{grid-column-gap:30px;grid-row-gap:30px;align-items:center;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr);height:66vh;margin-right:60px}.home-main-content .home-button{background-color:#fff;border-radius:2px;color:#11101d;font-size:11px;font-weight:600;padding:8px 12px;text-decoration:none}.home-button:hover{color:#4a505d}.home-main-content h3{color:#e4e9f7;font-size:20px;margin-bottom:25px;margin-top:15px}.home-main-content h2{font-size:55px}.home-main-content img{width:300px}.bg-black,.home-content .bx-menu{color:#fff}.bg-black{background-color:#181725}.home-main-content .left-section{width:115%}.home-main-content .right-section{margin-left:85px}.all-section{margin-bottom:30px;margin-left:65px;margin-top:30px}.horizontal-line{margin-bottom:20px;margin-top:20px}.languages-section{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr);margin:0 auto;max-width:1200px}.card img{border-radius:30px;height:44px;margin-bottom:15px;margin-top:5px;object-fit:cover;width:44px}.languages-section .card{background-color:#fff;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;height:148px;padding:20px;text-align:start;width:170px}.card p{color:#000;font-size:18px;font-weight:550;padding-bottom:35px}.h-line{border:2px solid #ff4500;margin-left:-20px;width:170px}.h-col-1{border:2px solid #0c0cb9}.h-col-2{border:2px solid #3838bd}.h-col-3{border:2px solid #ff8c00}.h-col-4{border:2px solid #ff4500}.h-col-5{border:2px solid #00f}.h-col-6{border:2px solid #fd0}.h-col-7{border:2px solid #00e5ff}.h-col-8{border:2px solid #80f}.h-col-9{border:2px solid #e72a00}.h-col-10{border:2px solid #000}.h-col-11{border:2px solid #ecb53e}.h-col-12{border:2px solid #0ce900}.h-col-14{border:2px solid #f37f51}.h-col-15{border:2px solid #00e1ff}.h-col-16{border:2px solid red}.h-col-17{border:2px solid #b0f}.certifications-section{grid-column-gap:30px;grid-row-gap:30px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr);margin-right:60px}.certifications-section img{object-fit:cover;width:100%}.certification{background-color:#fff;box-shadow:0 2px 4px 0 #17161633,0 2px 10px 0 #1c1b1b30;text-align:center}.certification h3{color:#181725;margin-top:10px;padding:10px}.certification p{color:#181725;padding:5px 5px 20px}.other-certifications-section{grid-column-gap:30px;grid-row-gap:30px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,1fr);margin-right:60px}.other-certifications-section img{object-fit:cover;width:100%}.projects-section{grid-column-gap:30px;grid-row-gap:30px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr);margin-right:60px}.projects{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px 0 #17161633,0 2px 10px 0 #1c1b1b30;color:#000}.projects img{object-fit:cover;width:100%}.projects h3,.projects p,h4{padding:10px 10px 10px 20px}.projects ul{font-weight:500;margin-left:60px}.projects ul li{list-style:armenian}.hosted-projects{margin-right:60px}.web-name{padding-bottom:20px}.web-name a{color:#7d7dff;font-size:17px;text-decoration:none}.about-section{grid-column-gap:30px;grid-row-gap:30px;align-items:center;display:grid;grid-template-columns:3fr 1fr;height:65vh;margin-right:60px}.right-about-section{box-shadow:0 2px 4px 0 #17161633,0 2px 10px 0 #1c1b1b30}.right-about-section img{height:220px;object-fit:cover;width:220px}.left-about-section p{color:#e4e9f7;font-weight:500;line-height:30px;padding:20px 20px 20px 0}.left-about-section h3{font-size:25px}.achievements-section{grid-column-gap:20px;grid-row-gap:20px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);margin-right:60px}.achievements-section img{height:300px;object-fit:cover;width:100%}.achieve{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px 0 #17161633,0 2px 10px 0 #1c1b1b30;text-align:center}.achieve h3{color:#181725;font-size:18px;margin-bottom:10px;margin-top:10px;padding:0 5px}.Resume-section{margin-right:60px}.contact-section form{display:flex;flex-direction:column}.contact-section form input,button{margin:10px 0}.contact-section form input,textarea{border:1px solid #484444;border-radius:2px;font-size:15px;font-weight:600;outline-color:#a3cfdc;padding:20px 10px;width:95%}.contact-section form button{background-color:#fff;border:1px solid #000;border-radius:2px;color:#181725;cursor:pointer;font-weight:700;padding:10px 0;text-transform:uppercase;width:150px}.contact-section .success-message{align-items:center;display:flex;height:65vh;justify-content:center}.mx{margin:0 10px}.my{margin:10px 0}.mt{margin-top:10px}.mb{margin-bottom:20px}.logo-details .profile-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;margin-left:17px;position:relative;width:30px}.name-job{padding:20px 40px 20px 20px}.footer{align-items:center;display:flex;justify-content:space-between}.left p{color:#e4e9f7;font-size:15px;margin-left:58px;padding:0 10px;text-align:start}.right{margin-right:58px}.right i{color:#fff;padding:0 5px}@media (max-width:420px){.sidebar.close .nav-links li .sub-menu{display:none}}@media screen and (max-width:600px){.home-main-content{grid-template-columns:repeat(1,1fr);height:75vh;margin-right:23px}.home-main-content .left-section{width:65vw}.home-main-content .right-section{margin-left:0}.home-main-content .right-section img{width:200px}.home-main-content h2{font-size:35px;padding-right:10px}.home-main-content .home-button{display:none}.about-section{align-items:start;grid-template-columns:repeat(1,1fr);height:150vh;margin-right:23px}.right-about-section{margin-left:0;margin-top:-30px}.projects-section{grid-template-columns:repeat(1,1fr);margin-right:23px}.hosted-projects{margin-right:23px}.achievements-section,.certifications-section,.other-certifications-section{grid-template-columns:repeat(1,1fr);margin-right:23px}.achievements-section img{height:200px}.Resume-section,.contact-section{margin-right:23px}.contact-section form{align-items:center;display:flex;flex-direction:column;justify-content:center}.contact-section form input,button{margin:10px 0}.contact-section form input,textarea{font-size:12px;font-weight:600;width:100%}.profile-details{align-items:center;flex-direction:column;justify-content:center}.left p{font-size:13px;margin-left:0}.right{margin-right:0;padding-top:10px}.all-section{margin-bottom:30px;margin-left:23px;margin-top:20px}}@media screen and (max-width:1100px){.languages-section{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px}}@media screen and (max-width:900px){.languages-section{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}}@media screen and (max-width:720px){.languages-section{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px}}@media screen and (max-width:520px){.languages-section{grid-template-columns:repeat(1,1fr);margin-top:30px}.languages-section .card{height:140px;width:70vw}.card p{padding-bottom:26px}.h-line{margin-left:-20px;width:70vw}}@media only screen and (max-width:600px) and (min-width:730px){.about-section{align-items:center;grid-template-columns:2fr;height:110vh;margin-right:23px}.right-about-section{margin-left:0}}@media only screen and (max-width:730px) and (min-width:900px){.about-section{align-items:center;grid-template-columns:2fr 1fr;height:100vh;margin-right:23px}.right-about-section{margin-left:0}}
/*# sourceMappingURL=main.c9775683.css.map*/