*{margin:0;padding:0;box-sizing:border-box;}
header,footer{height: 100vh;display:flex;justify-content:center;align-items:center;font-family: 'Montserrat', sans-serif;}
header h1{position:absolute;top:40%;font-size: 3em;text-align:center;transform:translateY(-50%);}

header {background-image: linear-gradient(to top, #fed6e3 0%, #ffffff 100%);}
section {scroll-behavior: smooth;}
p {font-size: 1.5em;}
.animation1{height:100vh;background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);position:relative;overflow:hidden;}
footer {background-image: linear-gradient(to top, #ffffff 0%, #a8edea 100%);}

/* Header */
.btn {background-color: DodgerBlue;border: none;color: white;padding: 12px 30px;cursor: pointer;font-size: 1.5em;position:absolute;top:60%;}
.btn:hover .btn2:hover {background-color: RoyalBlue;}
.btn2 {width: 98%; max-width: 800px; margin: auto; display:block; background-color: DodgerBlue; border: none; color: white; padding: 12px 30px; cursor: pointer; font-size: 1.4em;}
/* Txt */
.txt{position:absolute;left:0;width:100vw;text-align:center;}

/* Animacija 1 */
.spray{height:50vh;position:absolute;top:50%;left:50vw;transform:translateX(-50%);}
.ion1{height:4vh;position:absolute;top:100%;left:50vw;transform:translateX(-50%);}
.ion2{height:4vh;position:absolute;top:100%;left:50vw;transform:translateX(-55%);}
.ion3{height:4vh;position:absolute;top:100%;left:50vw;transform:translateX(-45%);}
.orbitrap{height:25vh;position:absolute;top:0%;left:50vw;transform:translateX(-9%);z-index:-5;}

.txt1{top:30%;opacity:0;}
.MSMS1{height:25vh;position:absolute;top:50%;left:30vw;transform:translateX(-50%);opacity:0;}
.MSMS2{height:25vh;position:absolute;top:45%;left:50vw;transform:translateX(-50%);opacity:0;}
.MSMS3{height:25vh;position:absolute;top:40%;left:70vw;transform:translateX(-50%);opacity:0;}
.MSMS{background-color:rgba(255,255,255,.1);border-radius:10%;}

.txt2{top:117.5%;}
.MaxQuantApp{height:15vh;position:absolute;top:100%;left:50vw;transform:translateX(-100%);}
.MaxQuantLoad{height:15vh;position:absolute;top:100%;left:50vw;}

.txt3{top:120%;}
.CSV{height:17.5vh;position:absolute;top:3.5%;left:50vw;opacity:0;}
.Py{height:17.5vh;position:absolute;top:100%;left:50vw;transform:translateX(-50%);}
.peptograph{height:50vh;max-width:100%!important;position:absolute;top:100%;left:50vw;transform:translateX(-50%);}
/* Footer */
.text{text-align:justify;position:absolute;margin:0;padding:10px;width:96%;left:2%;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.text ul li{margin: 2px 1em;}
.literature{font-size: 75%;}
.debug{font-size: 50%;}
a {color: inherit;}