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{display:flex;flex-direction:column;text-align:center}.navbar{background-color:rgba(255,255,79,.712);display:flex;height:75px;width:100%}.left-navbar{align-items:center;cursor:pointer;display:flex;flex:0 0 400px;justify-content:space-around}.left-navbar img{height:55%}.mid-navbar{display:flex;flex:1 1}.right-navbar{align-items:center;cursor:pointer;display:flex;flex:0 0 400px;justify-content:space-around}.right-navbar a{text-decoration:none}.right-navbar button{background-color:#e2ffb6;border-radius:10%;cursor:pointer;height:45px}.about-me{display:flex;height:300px;justify-content:center}.about-me-space{width:80px}.about-me img{align-self:center;height:100%}.biodata{width:400px}.favourites{display:grid;grid-template-columns:1fr 1fr 1fr;height:400px}.hobbies{background-color:#ff5656}.hobbies-fill,.movies-fill{display:flex;justify-content:space-evenly}.fav-foods img,.fav-movies img,.hobbies img{height:100px}.fav-movies{background-color:#88f}.fav-foods{background-color:#73ff73}.portofolios{column-gap:20px;display:inline-grid;grid-template-columns:auto auto auto auto auto}.portofolios img{height:150px;width:200px}.message-section{background-color:rgba(255,255,79,.712)}.message form{display:flex;justify-content:space-around;margin-top:-30px}.message form input{height:30px;margin-top:-30px;width:200px}.message form h5{align-self:left;margin-bottom:5px}.footer{background-color:rgba(255,255,79,.712);display:flex;height:100px}.left-footer{width:65%}.right-footer{align-items:center;display:flex;justify-content:space-evenly;width:35%}.right-footer img{height:30px;width:30px}@media only screen and (max-width:815px){.right-navbar a{display:none}.right-navbar{flex:0 0 auto;justify-content:flex-end}.right-navbar button{align-self:right}}@media only screen and (max-width:1000px){.favourites{grid-template-columns:auto auto;grid-template-rows:400px 400px;height:800px}.footer{justify-content:center}}@media only screen and (max-width:875px){.portofolios{grid-template-columns:auto auto auto}.message form{flex-direction:column}.message form input{width:600px}}@media only screen and (max-width:665px){.about-me{align-items:center;flex-direction:column;height:700px}.biodata{justify-self:center}.about-me img{height:400px}.favourites{grid-template-columns:auto;grid-template-rows:400px 400px 400px;height:1200px}.portofolios{grid-template-columns:auto auto}.message form{flex-direction:column}.message form input{width:400px}.footer{justify-content:center}.left-footer{width:0}.right-footer{width:100%}}@media only screen and (max-width:500px){.left-navbar img{height:45%}.left-navbar h1{font-size:15px}.left-navbar{flex:0 0 200px}.right-navbar button{margin-right:5px}.biodata{width:auto}.portofolios{grid-template-columns:auto}.right-navbar{flex:0 0 100px}.portofolios img{height:130px;width:180px}.message form input{width:300px}}
/*# sourceMappingURL=main.7f9bd376.css.map*/