@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ribeye+Marrow&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@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}.App{text-align:center;background-color:#013;font-family:"Montserrat",sans-serif}a{text-decoration:none}a,h1,h2,p{color:#fff}span{color:#19c7ed}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}/ @keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}nav{font-weight:bolder;width:100%}#nav-links{align-items:center}#nav-links a{margin:1%}#logo{color:#fff;font-family:"Ribeye Marrow",cursive;font-size:25px;padding-bottom:20px}#nav-links a{background:linear-gradient(90deg,#013,#013),linear-gradient(90deg,red,#ff00b4,#0064c8);background-size:100% .1em,0 .1em;background-position:100% 100%,0 100%;background-repeat:no-repeat;transition:background-size .4s}#nav-links a:focus,#nav-links a:hover{background-size:0 .1em,100% .1em}footer{display:flex;align-items:center;margin-left:42%}#footer{color:#fff}footer img{width:30px;height:30px;margin:10px}@media screen and (device-width:428px){footer{display:flex;align-items:center;margin-left:20%;margin-right:5%}footer img{width:30px;height:30px;margin:10px}}.login{margin:5% 10%;height:90vh}#login-btn{background:#013;border:1px solid #19c7ed;color:#fff;width:20%;margin-bottom:30px;padding:10px}.login-container{border:1px solid #19c7ed;margin-top:10%;height:50%}@media screen and (device-width:428px){.login{height:80vh}}#add-btn{margin-right:80%;margin-top:5%}.projects-container{display:flex;flex-wrap:wrap;margin-left:28%;margin-right:20%;padding-top:-400px}.layout-container{height:110vh}#project-head{color:#19c7ed}.project-c{border:solid #19c7ed;height:10%;margin:20px;background-color:#fff;border-radius:4px}.project-c:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.projects-container h2{color:#000;font-weight:bolder;font-size:10px}.projects-container a{color:#000}.projects-container img{width:95%}@media screen and (device-width:428px){#add-btn{width:2px}}.welcome-container{min-width:90vw;min-height:80vh;margin-top:10%;overflow:hidden;margin-left:2%;margin-right:2%}.welcome-container a{border:1px solid #19c7ed;border-radius:3px;padding:5px}:root{--primary:#19c7ed}#name-span{letter-spacing:.03em;-webkit-text-stroke:2px #19c7ed;-webkit-text-stroke:2px var(--primary);color:transparent;-webkit-filter:drop-shadow(0 0 .35rem #19c7ed);filter:drop-shadow(0 0 .35rem #19c7ed);-webkit-filter:drop-shadow(0 0 .35rem var(--primary));filter:drop-shadow(0 0 .35rem var(--primary))}.cube{position:absolute;top:80vh;left:45vw;width:1px;height:1px;border:1px solid #0fd;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:scale(0) rotate(0deg) translate(-50%,-50%);transform:scale(0) rotate(0deg) translate(-50%,-50%);-webkit-animation:cube 12s ease-in infinite forwards;animation:cube 12s ease-in infinite forwards}.cube:nth-child(2n){border-color:#fff}.cube:nth-child(5n){border-color:#f70642}.cube:nth-child(4n){border-color:#d3f706}.cube:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s;left:25vw;top:40vh}.cube:nth-child(3){-webkit-animation-delay:4s;animation-delay:4s;left:75vw;top:50vh}.cube:nth-child(4){-webkit-animation-delay:6s;animation-delay:6s;left:90vw;top:30vh}.cube:nth-child(5){-webkit-animation-delay:8s;animation-delay:8s;left:10vw;top:75vh}.cube:nth-child(6){-webkit-animation-delay:10s;animation-delay:10s;left:50vw;top:30vh}@-webkit-keyframes cube{0%{-webkit-transform:scale(0) rotate(0deg) translate(-50%,-50%);transform:scale(0) rotate(0deg) translate(-50%,-50%);opacity:1}to{-webkit-transform:scale(20) rotate(960deg) translate(-50%,-50%);transform:scale(20) rotate(960deg) translate(-50%,-50%);opacity:0}}@keyframes cube{0%{-webkit-transform:scale(0) rotate(0deg) translate(-50%,-50%);transform:scale(0) rotate(0deg) translate(-50%,-50%);opacity:1}to{-webkit-transform:scale(20) rotate(960deg) translate(-50%,-50%);transform:scale(20) rotate(960deg) translate(-50%,-50%);opacity:0}}@media screen and (device-width:428px){.welcome-container{min-height:81vh}}.about-container{height:90vh}.about-container h1{color:#19c7ed}.about-container img{width:70px;margin-bottom:5%}.about-box{border:1px solid #19c7ed;margin-top:10%;margin-left:10%;margin-right:10%}.about-box p{margin:25px;font-weight:lighter;font-size:18px}.skills-box{border:1px solid #19c7ed;margin-top:5%;margin-left:10%;margin-right:10%}@media screen and (device-width:428px){.about-container{height:81vh}}.message-main{width:99%;color:#fff;font-size:18px;display:flex;margin-right:40%}.message-main h1{color:#19c7ed}.message-container{border:1px solid #19c7ed;margin-top:5%;margin-left:15%;margin-right:3%;display:flex;flex-direction:column;width:70%}.message-box{background-color:#fff;margin:20px;color:#000;padding:3%}.message-main button{background:#013;border:1px solid #19c7ed;color:#fff;width:20%;margin-top:35px;padding:10px}.text-style{font-weight:bolder;margin:5px}@media screen and (device-width:428px){.message-main{height:90vh}.message-container{border:1px solid #19c7ed;margin-top:5%;margin-left:10%;margin-right:5%;display:flex;flex-direction:column;width:80%}.message-main button{width:30%;padding:10px}}.contact-container{height:90vh;width:100vw}.contact-container h1{color:#19c7ed}.form-container{border:1px solid #19c7ed;margin-top:5%;margin-left:10%;margin-right:10%}input{display:flex;flex-direction:column;align-items:center;margin:20px 20px 20px 20%;width:55%;padding:10px}label{color:#fff}.contact-container button{background:#013;border:1px solid #19c7ed;color:#fff;width:20%;margin-bottom:30px;padding:10px}@media screen and (device-width:428px){.form-container{margin-top:15%}.contact-container{height:79vh}}.add-container{border:1px solid #19c7ed;margin-top:5%;margin-left:10%;margin-right:10%}.add-form-button{background:#013;border:1px solid #19c7ed;color:#fff;width:20%;margin-bottom:30px;padding:10px}@media screen and (device-width:428px){.add-project{height:83vh}}.p-container h1{color:#19c7ed}.project-box{margin-top:-20px;display:flex;align-items:center;height:80vh;flex-direction:row;margin-left:5%}.img-container{margin-left:2%;display:flex}#detail-name-container{display:flex;border:1px solid #19c7ed;flex-direction:column;margin:7%;border-radius:7px}#detail-name-container h2{color:#19c7ed}#btn{margin:30px;border:1px solid #19c7ed;border-radius:3px;padding:5px;width:90px}@media screen and (device-width:428px){.project-box{height:73vh;margin-top:30px}.p-container,.project-box{display:flex;flex-direction:column}}.edit-container{border:1px solid #19c7ed;margin:30% 10%}input{border-radius:5px;text-decoration:none}h1{color:#19c7ed}#edit-btn{background:#013;border:1px solid #19c7ed;color:#fff;width:20%;margin-bottom:30px;padding:10px}@media screen and (device-width:428px){.edit-container{margin-top:10%;height:67vh}}
/*# sourceMappingURL=main.35f18301.chunk.css.map */