@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500;600;700;800;900&family=Rubik:wght@300;400;500;600;700;800;900&display=swap);.navbar{background:#000;box-shadow:0 2px 8px var(--brandColor);display:none;left:0;position:fixed;top:0;width:100%;z-index:999}.navbar-logo{align-items:center;display:flex;justify-content:space-between;min-height:42px}.navbar-label{color:#fff;font-size:1.5rem;font-weight:500;text-transform:capitalize;word-spacing:7px}.navbar-toggler{background:none;border:none;color:var(--lightBackg);font-size:1.6rem;transition:var(--transition)}.navbar-toggler:hover{color:var(--brandColor);opacity:.9}.navbar-items{height:0;overflow:hidden;transition:var(--transition)}.navbar-ul{text-align:center}.nav-item{padding:12px 0}.nav-link{color:#fff;text-transform:uppercase;transition:var(--transition)}.nav-link:hover{color:var(--brandColor)}.toggleNav{height:310px;padding:1rem 0}.header{background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(assets/img/482f3ab1.jpg) 50%/cover no-repeat fixed;height:100vh}.header .header-content{display:grid;height:100%;place-content:center;place-items:center;text-align:center}p.greeting-text{animation:show-greeting 2s ease-in}.greeting-text{color:#fff;font-size:3rem;font-weight:500;text-shadow:0 0 15px #525251,0 0 10px #525251;word-spacing:1rem}.greeting-text#typeEffect{margin-bottom:5rem;margin-top:2rem;min-height:144px}.social-links{display:flex}.down-arrow{animation-duration:2s;animation-iteration-count:infinite;animation-name:arrowMovement;margin-top:2.8rem;transition:var(--transition)}.down-arrow a{color:#fff;font-size:2rem}@keyframes show-greeting{0%{color:transparent;font-size:2px}to{color:#fff}}.portfolio,.portfolio .projects{display:flex;flex-direction:column}.portfolio .projects{background-color:var(--lightBackg);justify-content:space-around;padding:3rem 0;width:100%}.portfolio .project{background-color:var(--darkCharcoal);box-shadow:0 0 2px var(--darkCharcoal);display:flex;flex-direction:column;margin:2rem auto;max-width:320px;width:90%}.portfolio .item{position:relative}.portfolio .project-stack{color:#fff;margin:auto;min-height:64px;padding:.5rem .75rem;text-align:justify;text-align-last:center;width:100%}.portfolio .item:after{background:var(--darkCharcoal);content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:var(--transition);width:0}.portfolio .item .sub-item{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;opacity:0;overflow-y:auto;padding:.75rem;position:absolute;text-align:justify;top:0;transition:var(--transition);width:100%;z-index:2}.portfolio .item .sub-item h3{font-family:var(--largeFont);font-size:22px;letter-spacing:1px;text-transform:uppercase;word-spacing:10px}.portfolio .item .sub-item .text{color:#fff}.portfolio .item .sub-item a{align-self:flex-start;color:#fff;margin:.25rem 1rem}.portfolio .item .sub-item ul{padding-left:25px}.portfolio .item .sub-item ul i{margin-left:-25px;margin-right:.75rem}.fa-external-link-alt,.fab.fa-github{margin:0 .75rem}.portfolio .item:hover:after{height:100%;width:100%}.portfolio .item:hover .sub-item{opacity:1}.about-intro{margin-bottom:4rem}.about .photo{box-shadow:-48px -48px 0 -40px var(--darkCharcoal),48px 48px 10px -40px var(--brandColor);margin:auto;max-width:320px;padding:7px 0 0 7px;width:90%}.about .photo:hover{box-shadow:-48px -48px 10px -40px var(--darkCharcoal),48px 48px 0 -40px var(--brandColor);padding:0 7px 7px 0}.about .introduce{padding:0 1rem}.about .introduce h2{font-size:1.8rem;font-weight:600;margin-top:3rem}.about .introduce .text{font-size:1.05rem;padding:.4rem 0;text-align:justify}.about .introduce .text b{background-color:#fffaa9}.about .introduce span{background-color:#a9eeff;font-weight:500}.education.container{background:var(--lightBackg);display:flex;flex-direction:column;flex-wrap:wrap;margin-top:3rem;padding-bottom:2rem;padding-top:2rem}.education .wrapper{margin:auto}.education p{display:flex;flex-direction:column;font-size:1.05rem;justify-content:center;line-height:1.3}.education p span{margin:.3rem 0}.education .bachelor p{word-spacing:4px}.education .date{color:#5e5e5e}.bachelor{display:flex}.bachelor span span{font-weight:500}.fas.fa-graduation-cap{display:none}.edu-other h3{font-size:1.3rem;margin-bottom:1.25rem;margin-top:2.25rem}@keyframes arrowMovement{0%{transform:translateY(0)}70%{transform:translateY(-30px)}80%{transform:translateY(0)}90%{transform:translateY(-15px)}to{transform:translateY(0)}}.tech-stack{align-items:baseline;background:var(--lightBackg);display:flex;flex-wrap:wrap;justify-content:center;padding:3rem 0}.tech-stack .item{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;margin-top:20px;min-width:240px}.tech-stack img{filter:drop-shadow(0 0 2px #222);margin:6px auto;max-width:100%;transition:all .4s ease-in-out 0s;width:auto}.tech-stack img:hover{cursor:default;transform:rotateY(1turn);transition:all .5s ease-in-out 0s}.tech-stack .item:nth-child(5) img:hover{transform:rotate(1turn)}.tech-stack .item h3:hover{cursor:default;text-shadow:1px 1px 4px var(--brandColor)}.skills .img{width:auto}.competence{background:var(--lightBackg);display:flex;flex-wrap:wrap;justify-content:flex-start;padding-bottom:3rem;padding-top:3rem;text-align:center}.competence .wrapper{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:1rem;width:100%}.competence h3{align-self:center;margin-bottom:1rem}.competence .technologies,.competence .tools{display:flex;flex-direction:column;padding-bottom:3rem;padding-left:2rem;text-align:left}.competence .tools{width:21.5rem}.competence li{white-space:pre-wrap}.contacts{display:flex;flex-wrap:wrap;justify-content:space-around;margin:auto auto 5rem;width:100%}.contacts a{color:var(--darkCharcoal);font-size:1.1rem;font-weight:500}.contacts .item:first-of-type a{white-space:nowrap}.contacts .item{margin:1rem 0;min-width:9rem;text-align:center}.contacts .item:first-of-type,.contacts .item:last-of-type{min-width:100%}.contacts .item span:first-child{background:#000;border-radius:50%;color:#fff;display:flex;font-size:1.4rem;height:60px;margin:1.2rem auto;place-content:center;place-items:center;width:60px}.contact .form-title{font-size:1.5rem;font-weight:500;margin-bottom:1rem;text-align:center}.contact-form{margin:auto;padding:1rem 0}.contact-form input[type=email],.contact-form input[type=text],.contact-form textarea{border:none;border-bottom:1.5px solid #c7c7c7;font-family:var(--smallFont);font-size:1rem;margin-bottom:1.5rem;outline:0;padding:.7rem;width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--darkCharcoal)}.contact-form input[type=submit]{cursor:pointer}.btn{border:2px solid var(--darkCharcoal);border-radius:25px;display:block;font-size:15px;font-weight:600;margin:1rem auto;padding:1rem 0;text-transform:uppercase;transition:all .5s ease-in-out;width:200px;word-spacing:2px}.btn:hover{background:var(--darkCharcoal);color:#fff}.footer{background:#000;padding:2rem 0}.footer .social-links{justify-content:center;margin-bottom:3rem}.footer .social-links li{font-size:1.5rem;margin:.5rem 1.5rem}.footer .text{color:#e2e2e2;font-weight:400;text-align:center}:root{--largeFont:"Raleway",sans-serif;--smallFont:"Rubik",sans-serif;--lightBackg:#f5f5f5;--darkCharcoal:#333;--brandColor:#00aeff;--transition:all 0.4s ease;--transition2:all 2s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--smallFont);line-height:1.5;overflow:hidden;position:relative}.title{padding:.5rem 0 1.8rem;text-align:center}.title h2{font-family:var(--largeFont);font-size:2rem;font-weight:800;letter-spacing:4px;text-transform:uppercase}.title .hoz-line{background:var(--darkCharcoal);height:4px;margin:.4rem auto .6rem;width:100%;width:80px}.social-links a{color:#fff}.social-links li{font-size:1.5rem;margin:.5rem 1.5rem;transition:var(--transition)}.social-links li:hover{cursor:pointer;opacity:.7}.far.fa-check-square{margin-left:-25px;margin-right:.75rem}.hidePreloader{display:none}img{display:block;width:100%}a{text-decoration:none}li{list-style-type:none}button{cursor:pointer;outline:0}.container{margin:0 auto;max-width:1280px;padding-left:1rem;padding-right:1rem}.py-5{padding-bottom:5rem;padding-top:5rem}.text{color:var(--darkCharcoal);font-size:.95rem;font-weight:300;line-height:1.6;margin:.6rem 0}.competence h2,.education h2{font-size:1.8rem;margin:2rem 0;text-align:center;width:100%}@media screen and (min-width:600px){.greeting-text{font-size:5rem}.greeting-text#typeEffect{min-height:240px}.about .photo{width:50%}.education .tech-stack .item{min-width:220px}.education .edu-other{padding-left:9rem}.fas.fa-graduation-cap{color:#333;display:block;font-size:4rem;margin:1rem 3rem 1rem 1rem}.portfolio .projects{flex-direction:row;flex-wrap:wrap}.portfolio .project{margin:2rem 1rem;width:56%}.contacts .item:first-of-type{min-width:9rem}.contact-form{width:70%}}@media screen and (min-width:768px){.navbar .container{align-items:center;display:flex;justify-content:space-between}.navbar-toggler{display:none}.navbar-items{flex:1 0 auto;height:100%}.navbar-ul{display:flex;justify-content:flex-end}.nav-item{border-bottom:none;margin:0 1rem}.competence{justify-content:center}.portfolio .project{width:40%}}@media screen and (min-width:992px){.about-intro{align-items:center;column-gap:2rem;display:grid;grid-template-columns:repeat(2,1fr)}.about .photo{width:70%}.education .wrapper{margin:auto 0 auto 5%}.tech-stack .item{margin-bottom:10px;margin-top:10px;min-width:240px}.portfolio .project{max-width:320px;width:30%}.contacts{width:60%}.contact-form div{column-gap:2rem;display:grid;grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1200px){.tech-stack .item{min-width:180px}}.resize-transition-stopper *{transition:none}