.topbar{background-color:#cfc9c9;color:#15023a;height:70px;position:fixed;top:0;transition:all 2s ease;width:100%;z-index:3;.wrapper{align-items:center;display:flex;justify-content:space-between;padding:10px 30px;.left{.logo{color:inherit;display:flex;font-size:40px;font-weight:700;justify-content:center;text-decoration:none;img{border-radius:50%;height:50px;margin-right:5px;width:50px}}}.right{.hamburger{cursor:pointer;display:flex;flex-direction:column;height:25px;justify-content:space-between;width:32px;span{background-color:#15023a;height:3px;transform-origin:left;transition:all 2s ease;width:100%}}}}&.active{background-color:#15023a;color:#fff;.hamburger{span{&:first-child{background-color:#fff;transform:rotate(45deg)}&:nth-child(2){opacity:0}&:last-child{background-color:#fff;transform:rotate(-45deg)}}}}}.home{background-color:#fff;display:flex;.left{flex:0.5 1;overflow:hidden;.imgContainer{align-items:flex-end;border-radius:50%;display:flex;float:right;height:700px;justify-content:center;width:700px;img{border-radius:50%;height:100%;width:100%}}}.right{flex:0.5 1;.wrapper{display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:50px;width:100%;h1{color:#6495ed;font-size:60px;margin:10px 0}h2{font-size:35px}h3{font-size:30px;span{color:crimson;font-size:inherit}}}}}@media only screen and (max-width:426px){.home{flex-direction:column;.left{padding:10px;.imgContainer{height:100%;width:100%}}}}.myskill{align-items:center;display:flex;flex-direction:column;justify-content:center;h1{font-weight:900;overflow:hidden}.skills{align-items:space-between;display:flex;flex-wrap:wrap;height:100%;justify-content:center;img{height:150px;margin:10px;width:150px}.title{font-size:22px;text-align:center}}@media screen and (max-width:390px){.skills{img{height:100px;width:100px}}}}.works{align-items:center;background-color:#c0c9af;display:flex;justify-content:center;position:relative;.arrow{cursor:pointer;height:50px;position:absolute;&.left{left:100px;transform:rotate(270deg)}&.right{right:100px;transform:rotate(90deg)}}.slider{display:flex;height:350px;left:0;position:absolute;transition:all 1s ease-out;.container{align-items:center;display:flex;justify-content:center;width:100vw;.item{align-items:center;background-color:#fff;border-radius:20px;display:flex;height:100%;justify-content:center;width:700px;.left{align-items:center;display:flex;flex:4 1;height:100%;justify-content:center;.leftContainer{display:flex;flex-direction:column;height:70%;justify-content:space-around;width:90%;.imgContainer{align-items:center;background-color:#dcc6c6;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px;img{width:25px}}h2{color:#483d8b;font-size:20px;font-weight:900}p{font-size:100%;text-align:justify}a{color:#001e8b;font-size:14px;text-decoration:none;width:auto}span{font-size:12px;font-weight:600;text-decoration:underline}}}.right{align-items:center;background-color:#dcc6c6;display:flex;flex:8 1;height:100%;justify-content:center;overflow:hidden;img{transform:rotate(-10deg);width:400px}}}}}}@media only screen and (max-width:426px){.works{.arrow{&.left{left:0}&.right{right:0}}.slider{height:calc(90vh - 70px);.container{.item{flex-direction:column;width:90%;.right{flex:4 1;img{width:80%}}}}}}}.contact{align-items:center;background-color:#d8d4d4;display:flex;flex-direction:column;h1{overflow:hidden}.container{display:flex;height:100%;width:100vw;.left{flex:4 1;padding:20px;ul{height:100%;list-style:none;margin:0;padding:0;li{align-items:center;display:flex;margin:5px;&:hover{img{background-color:#726f6f}}img{border-radius:50%;height:20px;margin-right:5px;padding:5px;width:20px}a{color:#00f;font-family:serif;font-size:15px;font-weight:900;text-decoration:none}}}}.right{align-items:center;display:flex;flex:4 1;justify-content:center;overflow:hidden;img{height:80%;transform:rotate(-45deg);width:80%}}}}@media only screen and (max-width:426px){.contact{.container{flex-direction:column-reverse}}}.menu{align-items:center;background-color:#15023a;display:flex;height:100vh;justify-content:center;position:fixed;right:-300px;top:0;transition:all 2s ease;width:300px;z-index:2;&.active{right:0}ul{color:#fff;font-size:30px;font-weight:300;list-style:none;margin:0;padding:0;width:60%;li{margin-bottom:25px;a{color:inherit;font-size:inherit;text-decoration:none}&:hover{font-weight:500}}}}.achievements{align-items:center;background-color:#fff;display:flex;flex-direction:column;h1{color:blue;font-size:35px;height:60px;margin:0;overflow:hidden;padding:0}.container{align-items:center;display:flex;flex-wrap:wrap;height:100vh;justify-content:center;margin:0;width:100vw;.item{align-items:center;background-color:beige;border:5px solid #bc8f8f;border-radius:12px;cursor:pointer;display:flex;justify-content:center;margin:13px;padding:15px;transition:all .5s ease-in-out;img{fill:red;height:100px;margin-right:5px;width:100px}span{color:#000;font-size:100%;max-width:200px}&:hover{background-color:#7fffd4;font-size:120%;transform:scale(1.1)}}}}.app{height:100vh;.sections{background-color:bisque;height:calc(100vh - 70px);position:relative;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none;top:70px;width:100%;&::-webkit-scrollbar{display:none}>*{height:calc(100vh - 70px);scroll-snap-align:start;width:100vw}}}
/*# sourceMappingURL=main.0d638baf.css.map*/