.topbar{background-color:#223145;color:#faebd7;height:70px;max-width:1280px;position:fixed;top:0;transition:all 1s ease;width:100%;z-index:3}.topbar .wrapper{height:70px;justify-content:space-between;justify-items:center;padding:0 30px}.topbar .wrapper,.topbar .wrapper .left{align-items:center;display:flex}.topbar .wrapper .left .iconHouse{color:#faebd7;font-size:45px;margin-right:40px;text-decoration:none}.topbar .wrapper .left .itemContainer{align-items:center;display:flex;margin-left:30px}@media(max-width:768px){.topbar .wrapper .left .itemContainer{display:none}}.topbar .wrapper .left .itemContainer .iconGitHub{color:#faebd7;font-size:25px;margin-right:5px}.topbar .wrapper .left .itemContainer .iconMail{font-size:25px;margin-right:5px}.topbar .wrapper .left .itemContainer a,.topbar .wrapper .left .itemContainer span{align-items:center;color:#faebd7;display:flex;font-size:15px;font-weight:500;text-decoration:none}.topbar .wrapper .right .hamburger{cursor:pointer;display:flex;flex-direction:column;height:25px;justify-content:space-between;width:32px}.topbar .wrapper .right .hamburger span{background-color:#faebd7;height:3px;transform-origin:left;transition:all 2s ease;width:100%}.topbar.active{background-color:#b54921;color:#faebd7}.topbar.active .hamburger span:first-child{background-color:#faebd7;transform:rotate(45deg)}.topbar.active .hamburger span:nth-child(2){background-color:#faebd7;opacity:0}.topbar.active .hamburger span:last-child{background-color:#faebd7;transform:rotate(-45deg)}.intro{background-color:#faebd7;display:flex}.intro .arrowDownward{display:none}@media(max-width:768px){.intro{align-items:center;flex-direction:column}.intro .arrowDownward{display:inherit;margin-bottom:2vh}}.intro .left{align-items:center;display:flex;flex:50% 1;justify-content:center;overflow:hidden}@media(max-width:768px){.intro .left{flex:content}}.intro .left .imgContainer{align-items:center;background-color:#faebd7;border-radius:50%;display:flex;justify-content:center;width:80%}@media(max-width:768px){.intro .left .imgContainer{align-items:start;height:250px;width:auto}}.intro .left .imgContainer img{border-radius:50%;height:90%}.intro .right{flex:50% 1;position:relative}@media(max-width:768px){.intro .right{flex:content}}.intro .right .wrapper{display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:50px;width:100%}@media(max-width:768px){.intro .right .wrapper{align-items:center;height:-moz-fit-content;height:fit-content;padding:0}}.intro .right .wrapper h1{color:#b54921;font-size:60px;margin:10px 0}@media(max-width:768px){.intro .right .wrapper h1{font-size:40px}}.intro .right .wrapper h2{color:#223145;font-size:35px}.intro .right .wrapper h3{color:#223145;font-size:30px}@media(max-width:768px){.intro .right .wrapper h3{font-size:20px}}.intro .right .wrapper h3 span{color:#b54921;font-size:inherit}.arrowDownward{width:50px;z-index:100}.arrowDownward .iconArrowDownward{animation:arrowBlink 2s infinite;color:#223145;font-size:50px}@keyframes arrowBlink{to{opacity:0}}.portfolio{align-items:center;background-color:#faebd7;display:flex;flex-direction:column}.portfolio h1{color:#223145;font-size:50px}@media(max-width:768px){.portfolio h1{flex:none;font-size:35px}}.portfolio ul{display:flex;list-style:none;margin:10px;padding:0}@media(max-width:768px){.portfolio ul{flex-wrap:wrap;justify-content:center;margin:10px 0}}.portfolio ul li{border-radius:10px;cursor:pointer;font-size:14px;margin-right:50px;padding:7px}.portfolio ul li.active{background-color:#b54921;color:#faebd7}.portfolio .arrowDownward{display:none}@media(max-width:768px){.portfolio .arrowDownward{display:inherit;flex-shrink:0;position:relative}}.portfolio .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;width:90%}@media(max-width:768px){.portfolio .container{width:100%}}.portfolio .container .item{align-items:center;border:1px solid #d3d3d3;border-radius:20px;color:#faebd7;cursor:pointer;display:flex;height:-moz-fit-content;height:fit-content;justify-content:center;margin:10px 20px;max-width:450px;position:relative;transition:all .5s ease;width:40%}@media(max-width:768px){.portfolio .container .item{height:450px;width:90%}}.portfolio .container .item h3{font-size:20px;padding-bottom:.5em}.portfolio .container .item .item__descr{padding:.5em;position:absolute;text-align:center}.portfolio .container .item .item__descr a{color:#faebd7;line-height:10px}.portfolio .container .item img{height:auto;margin:20px;object-fit:cover;width:90%;z-index:1}.portfolio .container .item .img-mobile{display:none}@media(max-width:768px){.portfolio .container .item .img-desktop{display:none}.portfolio .container .item .img-mobile{display:inherit;height:90%;width:auto}}.portfolio .container .item:active,.portfolio .container .item:hover{background-color:#223145}.portfolio .container .item:active img,.portfolio .container .item:hover img{opacity:.2;z-index:0}.skills{align-items:center;background-color:#223145;display:flex;justify-content:center;max-height:620px;position:relative}@media(max-width:768px){.skills{max-height:none}}.skills h1{color:#faebd7;position:absolute;top:50px}@media(max-width:768px){.skills h1{top:20px}}.skills .arrow{cursor:pointer;height:50px;position:absolute}@media(max-width:768px){.skills .arrow{display:none}}.skills .arrow.left{left:4vw;transform:rotateY(180deg)}.skills .arrow.right{right:4vw}.skills .arrowDownward{display:none}@media(max-width:768px){.skills .arrowDownward{bottom:2vh;display:inherit;left:calc(50vw - 25px);position:absolute}.skills .arrowDownward .iconArrowDownward{color:#faebd7}}.skills .slider{display:flex;height:60%;left:0;position:absolute;transition:all 1s ease-out}@media(max-width:768px){.skills .slider{flex-direction:column;height:100%;justify-content:center}}.skills .slider .container,.skills .slider .container .item{align-items:center;display:flex;justify-content:center}.skills .slider .container .item{background-color:#faebd7;border-radius:20px;height:100%;width:700px}@media(max-width:768px){.skills .slider .container .item{height:170px;margin:15px 0;width:80%}}.skills .slider .container .item .left{align-items:center;display:flex;flex:4 1;justify-content:center}.skills .slider .container .item .left .leftContainer{align-items:center;display:flex;height:70%;justify-content:center;width:90%}.skills .slider .container .item .left .leftContainer .imgContainer{align-items:center;background-color:#ebb29e;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}@media(max-width:768px){.skills .slider .container .item .left .leftContainer .imgContainer{height:20px;width:20px}}.skills .slider .container .item .left .leftContainer .imgContainer img{width:25px}@media(max-width:768px){.skills .slider .container .item .left .leftContainer .imgContainer img{width:15px}}.skills .slider .container .item .left .leftContainer h2{color:#b54921;font-size:26px}@media(max-width:768px){.skills .slider .container .item .left .leftContainer h2{font-size:13px}}.skills .slider .container .item .left .leftContainer p{font-size:13px}@media(max-width:768px){.skills .slider .container .item .left .leftContainer p{display:none}}.skills .slider .container .item .left .leftContainer span{cursor:pointer;font-size:12px;font-weight:600;text-decoration:underline}.skills .slider .container .item .right{display:grid;flex:8 1;font-size:40px;grid-auto-rows:70px;grid-template-columns:1fr 1fr 1fr;text-align:center}.skills .slider .container .item .right p{font-size:12px;padding:4px}@media(max-width:768px){.skills .slider .container .item .right{font-size:20px;grid-auto-rows:35px;grid-template-columns:1fr 1fr 1fr}.skills .slider .container .item .right p{font-size:8px;padding:2px}}.about{align-items:center;background-color:#faebd7;display:flex;flex-direction:column;scrollbar-width:none}.about::-webkit-scrollbar{display:none}.about .arrowDownward{display:none}@media(max-width:768px){.about{height:100%;justify-content:space-between}.about .arrowDownward{bottom:2vh;display:inherit;position:relative}}.about .arrow{cursor:pointer;display:none;height:40px;margin-top:40vh;position:absolute}@media(max-width:768px){.about .arrow{display:inherit}}.about .arrow.left{left:-1vw;transform:rotateY(180deg)}.about .arrow.right{right:-1vw}.about h1{color:#223145;font-size:2em;margin-top:1em}@media(max-width:768px){.about h1{font-size:2em;margin-top:.5em;scrollbar-width:none}.about h1::-webkit-scrollbar{display:none}}.about .container{align-items:center;display:flex;height:80%;justify-content:center;min-height:570px;scrollbar-width:none;width:100%}.about .container::-webkit-scrollbar{display:none}@media(max-width:768px){.about .container{justify-content:start;left:0;margin-top:5vh;position:absolute;transition:all .7s ease-out;width:max-content}}.about .container .card{background-color:#b54921;border-radius:10px;box-shadow:0 0 15px -8px #000;display:flex;flex-direction:column;height:70%;justify-content:space-between;margin:0 20px;padding:20px;transition:all 1s ease;width:28%}@media(max-width:768px){.about .container .card{flex-shrink:0;margin:0 15vw;padding:5vw;scrollbar-width:none;width:60vw}.about .container .card::-webkit-scrollbar{display:none}}.about .container .card.featured{height:70%;margin:0 30px;width:28%}@media(max-width:768px){.about .container .card.featured{height:-moz-fit-content;height:fit-content;margin:10px 0 0;width:70%}}.about .container .card:hover{transform:scale(1.1)}.about .container .card .top{flex-grow:1}.about .container .card .top .top-content{background-color:#faebd7;border-radius:5px;display:grid;height:60px;margin:auto;width:60px}@media(max-width:768px){.about .container .card .top .top-content{height:40px;width:40px}}.about .container .card .top .top-content .user{border-radius:50%;color:#223145;height:40px;margin:auto;width:40px}@media(max-width:768px){.about .container .card .top .top-content .user{height:30px;width:30px}}.about .container .card .center{display:grid;flex-grow:6}.about .container .card .center .center-content{background-color:#faebd7;border-radius:10px;color:#223145;font-size:14px;margin:auto;padding:10px;scrollbar-width:none;text-align:center;white-space:pre-line}.about .container .card .center .center-content::-webkit-scrollbar{display:none}@media(max-width:768px){.about .container .card .center .center-content{font-size:12px;height:-moz-fit-content;height:fit-content;padding:5px}}.about .container .card .bottom{display:grid;flex-grow:1}.about .container .card .bottom .bottom-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.about .container .card .bottom .bottom-content h3{color:#faebd7;margin-bottom:5px;padding-top:.5em}@media(max-width:768px){.about .container .card .bottom .bottom-content h3{font-size:14px}}.about .container .card .bottom .bottom-content h4{color:#faebd7;text-align:center}@media(max-width:768px){.about .container .card .bottom .bottom-content h4{font-size:12px}}.contact{background-color:#faebd7;display:flex}.contact .arrowDownward{display:none}@media(max-width:768px){.contact{flex-direction:column}.contact .arrowDownward{align-self:center;display:inherit;flex-shrink:0;margin-bottom:2vh;transform:rotate(180deg)}}.contact .left{flex:1 1;overflow:hidden}.contact .left img{height:100%}@media(max-width:768px){.contact .left img{height:auto;width:100%}}.contact .right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}@media(max-width:768px){.contact .right{flex:2 1}}.contact .right h2{color:#b54921;font-size:30px;margin-bottom:1vh}.contact .right form{align-items:center;display:flex;flex-direction:column;height:50%;justify-content:space-around;width:70%}@media(max-width:768px){.contact .right form{height:80%;justify-content:space-between;width:80%}}.contact .right form input{font-size:14px;height:30px;width:90%}@media(max-width:768px){.contact .right form input{height:8%}}.contact .right form textarea{font-size:14px;height:200px;width:90%}@media(max-width:768px){.contact .right form textarea{height:70%}}.contact .right form button{background-color:#b54921;border:none;border-radius:10px;color:#faebd7;cursor:pointer;font-weight:500;height:30px;width:150px}.contact .right form button:focus{outline:none}.contact .right form span{color:#223145;display:none}.menu{align-items:center;background-color:#b54921;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-300px;top:0;transition:all 1s ease;width:300px;z-index:2}.menu.active{right:calc(50vw - 640px)}@media(max-width:768px){.menu.active{right:0}}.menu ul{color:#faebd7;font-size:30px;font-weight:300;list-style:none;margin:0;padding:0;width:60%}.menu ul li{margin-bottom:25px}.menu ul li a{color:inherit;font-size:inherit;text-decoration:none}.menu ul li:hover{font-weight:500}body{background-color:#faebd7}.app{height:100vh;margin:auto;max-width:1280px;width:100%}.app .sections{height:calc(100vh - 70px);position:relative;scroll-behavior:smooth;-ms-scroll-snap-type:mandatory;scroll-snap-type:mandatory;scrollbar-width:none;top:70px;width:100%}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{height:calc(100vh - 70px);scroll-snap-align:start}
/*# sourceMappingURL=main.fc82c0a4.css.map*/