amantahiliani/Portfolio
1
0
Fork 0
mirror of https://github.com/AmanTahiliani/Portfolio.git synced 2026-08-07 19:56:16 -04:00
Code Issues Packages Projects Releases Wiki Activity

Added slider to publications

Browse Source
This commit is contained in:
Aman Tahiliani
2022-05-08 23:27:29 +05:30
parent fbb4b94eff
commit 7758ec4463
7 changed files with 165 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

126
src/App.css
View File

@@ -1,63 +1,71 @@
.App {
text-align: center;
background-color: #282c34;
position: absolute;
top: 0px;
right: 0px;
left: 0px;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
color: azure;
}
.App-logo {
height: 40vmin;
pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
.App {
text-align: center;
background-color: #282c34;
position: absolute;
top: 0px;
right: 0px;
left: 0px;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
color: azure;
}
.App-logo {
animation: App-logo-spin infinite 20s linear;
height: 40vmin;
pointer-events: none;
}
}
.App-header {
background-color: #282c34;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: calc(10px + 2vmin);
color: white;
}
.App-link {
color: #61dafb;
}
@keyframes App-logo-spin {
from {
transform: rotate(0deg);
@media (prefers-reduced-motion: no-preference) {
.App-logo {
animation: App-logo-spin infinite 20s linear;
}
}
to {
transform: rotate(360deg);
.App-header {
background-color: #282c34;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: calc(10px + 2vmin);
color: white;
}
}
.About {
width: 100%;
position: absolute;
top: 100px;
bottom: 0px;
}
hr {
width: 70%;
margin-left: 15% !important;
margin-right: 15% !important;
border: 10px solid aquamarine;
}
.publications {
margin-top: 150px;
}
.App-link {
color: #61dafb;
}
@keyframes App-logo-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.About {
width: 100%;
position: absolute;
top: 120px;
bottom: 0px;
}
hr {
width: 70%;
margin-left: 15% !important;
margin-right: 15% !important;
border: 10px solid aquamarine;
}
.publications {
margin-top: 230px;
}
.slick-dots button:before {
color: grey !important;
}
.slick-dots li.slick-active button:before {
color: White !important;
}