2 lines
3.9 KiB
CSS
2 lines
3.9 KiB
CSS
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;height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root{background-image:url(/static/media/background.fb4e663d.jpg);height:100vh;background-position:50%;background-repeat:no-repeat;background-size:cover}.nav{list-style-type:none;margin:0;padding:0;overflow:hidden}.nav li{float:left;text-align:center;padding:14px 16px}.nav li,.nav li a{display:block;color:#fff}.nav li a{text-decoration:none;margin:0 20px}.nav li a.active{background-color:#04aa6d}.nav li.right{float:right}.nav .icon{display:none}@media screen and (max-width:940px){#modal-contact,#modal-projects{width:70vw!important}}@media screen and (max-width:600px){.nav .icon{float:right;font-weight:700;font-size:24px;display:block;margin-right:20px}.nav li{display:none}.nav-mobile li,.nav-mobile ul{display:block}#modal-home{width:80vw}#modal-home h1{font-size:10vw}#modal-home p{font-size:5vw}#modal-projects h2{font-size:9vw}#modal-projects p{font-size:5vw}#modal-projects table td,#modal-projects table th{font-size:4vw}#modal-contact{width:80vw}#modal-contact h1{font-size:10vw}#modal-contact button,#modal-contact label{font-size:5vw!important}}.nav-mobile{height:0;width:100%;position:fixed;z-index:1;top:0;left:0;background-color:rgba(0,0,0,.9);overflow-x:hidden;transition:.4s}.nav-mobile button{position:absolute;right:30px;top:8px;font-size:34px;border:0;color:#fff;background-color:transparent;cursor:pointer}.nav-mobile.open{height:100%}.nav-mobile ul a{display:block;color:#fff;text-decoration:none;margin:20px 0}.nav-mobile ul{position:relative;top:25%;width:100%;text-align:center;margin-top:30px;padding:0}.nav-mobile div{padding:20px 45% 0}.nav-mobile div li{margin-bottom:10px;cursor:pointer;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.nav-mobile div a{margin:0}.nav-mobile div li{margin:10px 0}.nav-mobile div li:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.nav-mobile img{width:50px}.nav-mobile hr{margin:0 7px;border:1px solid #4d4d4d}.sidebar{position:absolute;top:50%;left:10px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:10px;background-color:rgba(34,34,34,.9);box-shadow:0 10px 10px #000}.sidebar hr{margin:0 2px 0 7px;border:1px solid #4d4d4d}.sidebar img{width:50px}.sidebar ul{margin:0}.sidebar li{margin:10px;cursor:pointer;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.sidebar li:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.modal{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:20px;border-radius:10px;font-size:32px;color:#fff;background-color:rgba(34,34,34,.9);box-shadow:0 10px 10px #000}.modal h1,.modal h2{margin-top:10px;letter-spacing:3.6px}#modal-home p{color:hsla(0,0%,98.8%,.705)}#modal-projects{width:80%}#modal-projects h2{text-align:center;margin-bottom:0}#modal-projects p{text-align:center;color:hsla(0,0%,98.8%,.705);margin-top:0}#modal-projects th{text-align:left}#modal-projects div{overflow-x:auto}#modal-projects table{width:100%;border-collapse:collapse;font-size:26px}#modal-projects th{border-bottom:4px solid #4d4d4d;border-right:3px solid #4d4d4d}#modal-projects th:last-child{border-right:0}#modal-projects td{border-top:3px solid #4d4d4d;border-right:3px solid #4d4d4d}#modal-projects td:last-child{border-right:0}#modal-projects a{color:#fff;text-decoration:none}#modal-projects a:hover{text-decoration:underline}#modal-contact,#modal-contact h2{text-align:center}#modal-contact p{color:hsla(0,0%,98.8%,.705)}#modal-contact div{overflow-x:auto}#modal-contact a{color:#00acd3;font-weight:700;text-decoration:none}
|
|
/*# sourceMappingURL=main.b49307a1.chunk.css.map */ |