@font-face{font-family: RobotoThin; src: url(/resources/fonts/Roboto-Thin.ttf);}
@font-face{font-family: RobotoRegular; src: url(/resources/fonts/Roboto-Regular.ttf);}
@font-face{font-family: RobotoLight; src: url(/resources/fonts/Roboto-Light.ttf);}
@font-face{font-family: RobotoRegular; src: url(/resources/fonts/Roboto-Regular.ttf);}

html,body{height:100%;}
body{padding: 0; margin: 0;}

::-webkit-scrollbar{width:0;}
::-webkit-scrollbar-track{background:#666666;}
::-webkit-scrollbar-thumb{background:#333333;}
::-webkit-scrollbar-thumb:hover{background:#999999;}

.back{position: fixed; z-index: 0; top: 0;  left: 0; width: 100%; height: 100%; background-image: url(/resources/images/back_horizontal.png); background-position: center; background-repeat: no-repeat; background-size: contain;}

.aeon-project-logo{position: fixed; z-index: 10; bottom: 0; right: 0; margin-bottom: 5%; margin-right: 5%;}

.container{position: relative; z-index: 100; top: 0;  left: 0; width: 100%; height: auto;}

.title{width: 100%; height: auto; margin-top: 50px; text-align: center; font-family: RobotoThin; font-size: 50px; color: #ffffff;}

.abstract{width: 960px; margin: auto; margin-top: 20px; font-family: RobotoLight; font-size: 16px; color: #ffffff; text-align: center;}

.watch-container{width: 1024px; margin: auto; text-align: center;}




/*.backColor{position:fixed;z-index:0;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, rgba(255,132,0,1) 0%, rgba(195,2,2,1) 100%);}*/
/*.back{position: fixed; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center;}*/

/*@media(orientation:landscape){*/
/*    .back{background-image: url('/resources/images/back_horizontal.png');}*/
/*    .aeon-project-logo{max-width: 10%;}*/
/*}*/
/*@media(orientation:portrait){*/
/*    .back{background-image: url('/resources/images/back_vertical.png');}*/
/*    .aeon-project-logo{max-width: 20%;}*/
/*}*/




/*.logo{width: 100%; height: 200px; text-align: center;}*/
/*.logo img{width: 200px; height: 200px; margin-top: 20px;}*/


/*.container{position: absolute; z-index: 20; width: 100%; height: 100%;}*/


/*fieldset{*/
/*    border: 1px solid;*/
/*    border-image-source: linear-gradient(180deg, #cccccc 0%, #222222 100%);*/
/*    border-image-slice: 1;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/
/*legend{font-family: RobotoThin; font-size: 30px; color: #cccccc;}*/

/*.watch-colors{margin-left: 47px; margin-top: 20px;}*/
/*.watch-color{display: table-cell; width:91px; text-align: center; font-family: RobotoRegular; font-size: 16px; background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent;}*/
/*.watch-picture{width: 600px; margin-left: 20px; margin-top: 20px; margin-bottom: 20px;}*/

/*.blue{background-image: linear-gradient(180deg, #00ecfb, #002afc);}*/
/*.grey{background-image: linear-gradient(180deg, #f3f3f3, #8f8f8f);}*/
/*.purple{background-image: linear-gradient(180deg, #f254f8, #6600aa);}*/
/*.red{background-image: linear-gradient(180deg, #ff8400, #c30202);}*/
/*.teal{background-image: linear-gradient(180deg, #54f8d3, #017e8b);}*/
/*.yellow{background-image: linear-gradient(180deg, #fbec00, #fcac00);}*/