@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;300;400;500;900&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.portofolio{color:#fff;background:radial-gradient(#2b3760,#0b1023)}.slider{position:absolute;z-index:8;top:0;bottom:0;width:200%;height:100vh;background:#000;display:flex;justify-content:center;align-items:center}.slider img{width:200px}.heading{font-family:"Raleway",sans-serif;font-weight:900;color:transparent;color:#000;font-size:320px;-webkit-text-fill-color:#000;-webkit-text-stroke-width:.0015em;-webkit-text-stroke-color:#fff;padding:0;margin:0}.left{left:-50px;top:5%;transition:.3s ease-out}.left,.nav{position:absolute}.nav{display:flex;flex-wrap:wrap;grid-column:4/5;bottom:15%;float:right;color:#fff;cursor:pointer;width:50%}.dot{margin:20px}.dot,.dot:hover{transition:.3s ease-out}.dot:hover{transform:translateX(10%)}.right{position:absolute;right:-20px;top:50%;transition:.3s ease-out}.logos{margin-top:140px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.logos>img{width:300px;height:150px;object-fit:contain}.contain{position:absolute;bottom:0;left:0;width:100%;opacity:0;pointer-events:none}.container{height:100vh;position:relative;display:grid;grid-template-columns:5% 1fr 1fr 1fr 5%}.container:hover .left{transition:.3s ease-out;transform:translateX(-10%)}.container:hover .right{transition:.3s ease-out;transform:translateX(10%)}.footer{position:fixed;left:0;right:0;bottom:0;color:#999;padding:40px 0;display:grid;grid-template-columns:5% 1fr 1fr 1fr 5%}.scroll{grid-column:2/3;color:#fff}.subtitle{color:#fff;position:absolute;top:50%;left:80px;grid-column:2/5}.links{display:flex;align-items:center;justify-items:space;color:#444;cursor:pointer}.links>h3{margin:0 20px}.links>h3:hover{color:#fff;transition:.5s ease-out}.active{color:#fff}.email{grid-column:4/4;text-align:end}.text{top:20%}.text,.text_normal{color:#999;font-weight:300;grid-column:3/5;position:absolute;width:70%;font-size:28px}.text_normal{top:50%}span{font-weight:900;color:#fff}.project{position:absolute;color:#fff;top:50%;grid-column:2/3}a{text-decoration:none;color:inherit;font-weight:500}.project>p{margin:20px auto;color:#999;font-size:18px;font-weight:100}.project>a{text-decoration:none;color:inherit;font-weight:500}a:hover{border-bottom:2px solid #fff;padding:20px 0;color:#999;transition:.5s ease-out}.header{position:fixed;left:0;right:0;top:0;padding:40px 0;display:grid;grid-template-columns:5% 1fr 1fr 1fr 5%}.header>h1{color:#fff;grid-column:2/3;font-size:24px;font-weight:400}.details p{font-size:24px;padding:20px 0;font-weight:700}.pages{position:absolute;right:5%;top:50%;transform:translateY(-50%)}.pages>div{display:flex;align-items:center;justify-content:space-between}.pages h3{font:size 24px;padding:30px}.pages svg{cursor:pointer;opacity:.5;transform:scale(1)}.pages svg:hover{animation:dot .5s ease-in-out infinite alternate}.pages svg.active{opacity:1}@keyframes dot{0%{transform:scale(1)}to{transform:scale(2)}}*,:after,:before{margin:0;padding:0}body{font-family:"Poppins",sans-serif;background:#000;overflow:hidden}.weather-container{height:100vh;width:100%;background-image:url(https://unsplash.com/photos/1dNujhlCTYQ/download?w=2400);background-repeat:no-repeat;background-size:cover;background-position:50%;position:relative}.wblur{background:rgba(0,0,0,.24705882352941178);position:absolute;top:0;bottom:0;width:100%;z-index:1}.content{z-index:200;display:flex;justify-content:center;align-items:center}.wcity{color:hsla(0,0%,100%,.267);top:30%;transform:translateY(-50%);transform:rotate(90deg)}.temp,.wcity{font-size:280px;text-align:center;text-transform:uppercase;position:absolute}.temp{color:#fff;top:50%;font-weight:100;transform:translateY(-50%)}.wquote,.wtext{color:#fff;font-size:24px;font-weight:300}.wquote{text-overflow:clip}.wleft{text-align:right;transform:translateX(-120%)}.wleft,.wright{position:absolute;top:20%}.wright{transform:translateX(70%)}button{color:#fff;background:hsla(0,0%,100%,.336);border-radius:10px;border:thin solid transparent;font-size:20px;text-align:center;text-transform:uppercase;position:absolute;top:80%;transform:translateX(-100%);padding:10px 40px;font-weight:100}@keyframes App-logo-spin{0%{transform:translateY(-50%)}to{transform:translateY(-20%)}}
/*# sourceMappingURL=main.b17fd5be.chunk.css.map */